angularjs - 无法获取angularjs中的textarea值

Question

这是我的 plnkr:http://plnkr.co/edit/n8cRXwIpHJw3jUpL8PX5?p=preview您必须单击 li 元素，表单就会出现。输入随机字符串并点击“添加通知”。您将得到未定义的文本，而不是文本区域文本。

标记:

<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>