AngularJS ng-true-value不适用于v1.6.1

时间:2017-02-03 21:13:11

标签: javascript html angularjs checkbox

所以我是AngularJS的新手,我在网上学习了如何使用ng-true-value和ng-false-value的示例:

<!DOCTYPE html>
<html lang="en">
 <head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.24/angular.min.js"></script>
 </head>
 <body ng-app="app" ng-controller="appCtrl as vm">
  <p>
   <input type="checkbox" ng-model="vm.bw" ng-true-value="on" ng-false-value="off" />
    status: {{vm.bw}}
  </p>  
  <script>
   var app = angular.module("app", [])
   app.controller("appCtrl", function(){
    var vm = this   
   });
  </script>
 </body>
</html>

这完美无缺。 但是我意识到他们使用的是旧版本的AngularJS(1.2.24),所以我决定通过简单地更改线路将其更改为当前版本(1.6.1)

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.24/angular.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script>

(当然我检查了这个文件是否存在) 事实证明,这个例子不再适用了。我点击复选框但没有任何反应。 是否有适用于1.6.1版本的工作代码?

提前谢谢

1 个答案:

答案 0 :(得分:0)

docs表示您正在使用的代码一切正常。 尝试包装

  

开/关

带引号的语句(根据文档)试图评估它。

否则使用不带引号的“true / false”,看看会发生什么!