角度 2 向绑定不起作用,但表达式起作用

Angular 2-way binding not working but expression does

本文关键字:表达式 起作用 不起作用 绑定 角度      更新时间:2023-09-26

>我有以下内容:

<div class="row" ng-repeat="item in repo.items">
  <div class="col-md-6 segment">
    <div class="display-text animation editable">
      <pre><span class="contenteditable" 
          tabindex="0"
          contenteditable="true"
          ng-model="item.text"></span></pre>
    </div>
  </div>
</div>

2 向绑定不适用于 ng-model="item.text",但如果我在同一迭代中使用表达式{{item.text}},它可以正常工作。

我错过了导致此行为的任何特定原因?

当您

只想用于视图时,ng-model用于输入标记,您应该使用 ng-bind

因此,您应该在标签中使用ng-bind="item.text"{{item.text}}而不是ng-model="item.text" span

<pre>
     <span class="contenteditable" 
          tabindex="0"
          contenteditable="true"
          ng-bind="item.text"></span>
</pre>

<pre>
     <span class="contenteditable" 
           tabindex="0"
           contenteditable="true">{{item.text}}</span>
</pre>