javascript - angular中部分ng-bind,ng-click不生效-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - angular中部分ng-bind,ng-click不生效

伊谢尔伦 2017-04-10 15:14:57

[JavaScript讨论组]

595

图片描述
如下，第一张图片中ng-bind="hi",ng-click="popup()"都不起作用；但如图三，我在这同一个页面上写的ng-bind-template={{time}}，ng-click="timebac()"都能实现，这些都是放在同一个controller里面的。我把ng-bind="hi"改成ng-bind-template={{hi}}也没用，把11中的11去掉也没用，被angular虐的惨啦。。。。有没牛人写的相关较全的angular问题解决锦囊，求推荐

伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

全部回复(1)

PHP中文网2017-04-10 15:16:57 1楼

我大概知道你哪里出问题了，也许是这里：
angular.module("ToDo",[])好像是需要加上需要的依赖，如果没有依赖的话要加上中括号。
下面是我按照你的代码重敲了一遍是可以运行的。
代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AngularJS</title>
    <script src="http://cdn.bootcss.com/angular.js/1.4.0-rc.1/angular.js"></script>
</head>
<body ng-app="ToDo">
    <p ng-controller="TaskCtrl">
        <span ng-bind="hi" ng-click="popup()">11</span>
    </p>
    <script type="text/javascript">
        angular.module("ToDo",[])
        .controller("TaskCtrl", function($scope){
            $scope.hi = "122";
            $scope.popup = function(){
                $scope.hi = "333";
            }
        });
    </script>
</body>
</html>

在线代码

如果还不可以解决的话，你要看看你自己<span ng-bind="hi" ng-click="popup()">11</span>是否被ng-controller包围也就是是否在控制器的内部。