Angular 2-way绑定不起作用，但表达式起作用

Question

我有以下内容：

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

双向绑定对于ng-model =“item.text”不起作用，但如果我在同一次迭代中使用表达式{{item.text}}，它就可以正常工作。

我遗漏的任何特定原因造成了这种行为？

Answer 1

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>