无法在angularjs中获取textarea值

Question

这是我的plnkr：http
://plnkr.co/edit/n8cRXwIpHJw3jUpL8PX5?p=preview
您必须单击li元素，然后表格会出现。输入一个随机字符串，然后点击“添加通知”。代替textarea文本，您将得到未定义。

标记：

<ul>
    <li ng-repeat="ticket in tickets" ng-click="select(ticket)">
         {{ ticket.text }}
    </li>
</ul>
<div ui-if="selectedTicket != null">
     <form ng-submit="createNotice(selectedTicket)">
        <textarea ng-model="noticeText"></textarea>
        <button type="submit">add notice</button>
    </form>
</div>

JS部分：

$scope.createNotice = function(ticket){
   alert($scope.noticeText);
}

返回“未定义”。我注意到当使用angular-ui的ui-if时，这不起作用。任何想法为什么这不起作用？如何解决？

Answer 1

您的问题出在ui-if部分。Angular-ui会为该指令中的任何内容创建一个新作用域，因此，要访问父作用域，您必须执行以下操作：

<textarea ng-model="$parent.noticeText"></textarea>

代替

<textarea ng-model="noticeText"></textarea>