gpt4 book ai didi

javascript - Ng-Model 与 Ng-If 不起作用(非常基本的示例)

转载 作者:行者123 更新时间:2023-11-28 17:28:09 24 4
gpt4 key购买 nike

我有这个非常简单的代码。 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com