Javascript 从AngularJS更新html

我试图学习AngularJS的基础知识，并试图在数字足够大时使文本可见。当页面第一次显示时，似乎只调用了一次more（）函数。 lessThan3（）函数返回正确的值，但在尝试隐藏时不起作用

安格拉斯

function ApplicationController($scope,$interval) {   
    $scope.number = 0;
    $interval(function() {
         $scope.number++;
    }, 1000);

    $scope.lessThan3 = function(){
        return ($scope.number < 3);
    }
}

函数应用程序控制器（$scope，$interval）{
$scope.number=0；
$interval（函数（）{
$scope.number++；
}, 1000);
$scope.lessThan3=函数（）{
返回（$scope.number<3）；
}
}

Html

Number:{{Number}
{{lessThan3（）}}

少于3

---

链接到代码：

如果您喜欢调用该方法，请将您的

HTML

代码更改为：

小于3
使用
ng hide
/
ng show
/
ng if
/和其他类似指令时，不需要数据绑定语法


函数应用程序控制器（$scope，$interval）{
$scope.number=0；
$scope.testTimer=函数（）{
$interval（函数（）{
$scope.number++；
}, 1000);
};
$scope.lessThan3=函数（）{
返回（$scope.number>3）；
}
}

编号：{{Number}
测试计时器

超过3个


少于3

如果您希望调用该方法，请将
HTML
代码更改为小于3的
或小于3的

使用
ng hide
/
ng show
/
ng if
/和其他类似指令时，不需要数据绑定语法


函数应用程序控制器（$scope，$interval）{
$scope.number=0；
$scope.testTimer=函数（）{
$interval（函数（）{
$scope.number++；
}, 1000);
};
$scope.lessThan3=函数（）{
返回（$scope.number>3）；
}
}

编号：{{Number}
测试计时器

超过3个


少于3

只是

<p ng-hide="lessThan3()">



对于JSFIDLE，或者

<p ng-hide="lessThan3()">



例如这里的例子

没有
{{}
它只是

<p ng-hide="lessThan3()">



对于JSFIDLE，或者

<p ng-hide="lessThan3()">



例如这里的例子

如果没有
{{}
语法不正确：

<div ng-app ng-controller="ApplicationController">   
    <pre>Number: {{ number }}</pre>
    <button ng-click="testTimer()">Test Timer</button>

    <p ng-show="more()">
    More than 3
    </p>

    <p ng-hide="more()">
    Less than 3
    </p>
</div>



但请注意，如果我能假设你想做什么，我也认为你的逻辑是错误的。当
number
大于3时，您希望隐藏元素。或者至少更改消息。
语法不正确：

<div ng-app ng-controller="ApplicationController">   
    <pre>Number: {{ number }}</pre>
    <button ng-click="testTimer()">Test Timer</button>

    <p ng-show="more()">
    More than 3
    </p>

    <p ng-hide="more()">
    Less than 3
    </p>
</div>



但请注意，如果我能假设你想做什么，我也认为你的逻辑是错误的。当
number
大于3时，您希望隐藏元素。或者至少更改消息。
您需要更改HTML：


编号：{{Number}
测试计时器

超过3个


少于3

您需要更改HTML：


编号：{{Number}
测试计时器

超过3个


少于3

啊！谢谢。我想我应该在使用变量和函数时使用{{}，这是作为字符串进行插值。当您绑定到属性时，这有点特别。@joxxe不要忘记向上投票，如果您喜欢，请接受答案：）啊！谢谢。我想我应该在使用变量和函数时使用{{}，这是作为字符串进行插值。当您绑定到属性时，这有点特别。@joxxe如果您喜欢，请不要忘记向上投票并接受答案：）不一定，如果您选中函数，more已经在查找de编号。不一定，如果您选中函数，more已经在查找de编号。