javascript - 从 AngularJS 更新 html

标签 javascript angularjs html

我正在尝试学习 AngularJS 的基础知识,并尝试在数字足够大时使文本可见。看起来 more() 函数只在页面第一次显示时调用一次。 lessThan3() 函数返回正确的值,但在尝试 ng-hide 时不起作用。

AngularJS

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

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

HTML

Number: {{ number }}
{{ lessThan3() }}
<p ng-hide="{{ lessThan3 }}">
    Less than 3
</p>

代码链接:http://jsfiddle.net/bBaa2/71/

最佳答案

只是

<p ng-show="more()">

对于 jsfiddle,或

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

这里的例子。

没有{{}}

关于javascript - 从 AngularJS 更新 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40556130/

相关文章:

javascript - 绑定(bind)时特殊字符后的AngularJs新行

html - bootstrap 下拉菜单没有 css 格式

javascript - IE10 不处理点击事件 |帮助使用 MSPointer

javascript - 使用某些参数滚动到 View

javascript - 使用 Jquery/Javascript 自定义动画

rails def 中的 Javascript/Jquery 选择器 ($)

html - 如何使用 AngularJs 将参数从 URL 注入(inject) HTML

javascript - 你如何在angularjs中重用模板

php - 如何在 php 中从 sql 创建自动完成

html - 如何禁用 Outlook 在电子邮件程序开发中突出显示单词 'congratulations'?