作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有这个非常简单的代码。 filterOption = 'Account ID'
当值正确时就会出现输入。但是ng-model
不起作用,我在 pre 中没有看到任何内容
<pre>{{test}}</pre> // doesnt work
<pre> {{filterOption}}</pre> // this shows Account ID
<input ng-if="filterOption == 'Account ID'" ng-model="test" required>
最佳答案
确定 Controller 的范围并使用controllerAs分配它们可以解决这个问题。请参阅https://github.com/johnpapa/angular-styleguide/blob/master/a1/README.md以获得更好的编码风格,这样您就不会遇到这些问题。
<!DOCTYPE html>
<html ng-app="abc">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
<div ng-controller="MyCtrl as vm">
<pre>{{vm.test}}</pre> // doesnt work
<pre> {{vm.filterOption}}</pre> // this shows Account ID
<input ng-if="vm.filterOption === 'Account ID'" ng-model="vm.test" required>
</div>
<script>
var app=angular.module('abc',[]);
app.controller('MyCtrl',MyCtrl);
function MyCtrl($scope){
var vm = this;
vm.filterOption = "Account ID";
}
</script>
关于javascript - Ng-Model 与 Ng-If 不起作用(非常基本的示例),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51080363/
我是一名优秀的程序员,十分优秀!