Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何执行angularjs if语句?_Angularjs_If Statement - Fatal编程技术网

如何执行angularjs if语句?

如何执行angularjs if语句?,angularjs,if-statement,Angularjs,If Statement,我有这个密码: <html> <head> </head> <div ng-app="" ng-controller="Test"> <input type="text" ng-model="inputty"> <p>{{output}}</p> </div> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15

我有这个密码:

<html>
<head>
</head>

<div ng-app="" ng-controller="Test">
<input type="text" ng-model="inputty">
<p>{{output}}</p>
</div>

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>    
<script>
  function Test($scope){
    if($scope.inputty=="Hello") {
      $scope.output="OK!";
    } else {
      $scope.output="NOT OK!";
    }
  }
</script>
</html>

{{output}}

功能测试($范围){ if($scope.inputy==“Hello”){ $scope.output=“确定!”; }否则{ $scope.output=“不正常!”; } }

但是它不工作,
不正常显示。但这就像if语句无法从
input
读取一样。所以它应该声明
OK当我在输入框中键入
Hello
时。

您需要在控制器中添加一个手表,以检查inputty的值,并且在手表函数中有if循环,以便您可以更改输出范围变量

代码:

参考

或者

您可以使用ng开关在HTML标记中单独完成

HTML标记

<div ng-app ng-controller="Test">
    <input type="text" ng-model="inputty" />
    <div ng-switch="inputty">
        <p ng-switch-when="Hello">OK!</p>
        <p ng-switch-default>NOT OK!</p>
    </div>
</div>

正常

不正常


参考如果您只通过文本框更改您的
输入,最简单的方法就是使用。

对不起,我是个新手,有更简单的方法吗?我认为不需要使用循环。它不是一个循环,而是一个观察函数,它将检查输入值(控制器中的一个事件),这样控制器就可以检查值并相应地设置输出变量,否则,需要将事件设置为thr,以便让控制器进行比较Why watch/ng switch等。。它应该像
return$scope一样简单。inputy==“Hello”?“OK!”:“notok!”在最佳实践中,您应该避免使用$watch污染控制器。一旦您将所有内容重构到它们的文件中,而不是一个html页面上的所有内联内容,一切就开始变得简单起来。
$scope.output=function(){return$scope.inputy==“Hello”?“OK!”:“notok!”;}
然后执行
{{output()}

<div ng-app ng-controller="Test">
    <input type="text" ng-model="inputty" />
    <div ng-switch="inputty">
        <p ng-switch-when="Hello">OK!</p>
        <p ng-switch-default>NOT OK!</p>
    </div>
</div>