angularjs数据绑定失效怎么办

  
{{name}}
  
    
  

按照代码所展示的，我们在改变input的值时，变量name的值应该会因为数据的双向绑定而进行改变，与input的value保持一致。但是，实际上却没有发生视图上的变化。
原因就是因为ng-if会隔离作用域，创建新的作用域。使得scope.name压根与input里的name不是一个作用域上的值，自然无法做出更改。

作用域

每个 Angular 应用默认有一个根作用域 $rootScope， 根作用域位于最顶层，从它往下挂着各级作用域。

通常情况下，页面中 ng-model 绑定的变量都是在对应的 Controller 中定义的。如果一个变量未在当前作用域中定义，JavaScript 会通过当前 Controller 的 prototype 向上查找，也就是作用域的继承。

解决方案

  
{{data.name}}