简单的angular.js示例有时不会加载

Tru*_*rby 7 javascript angularjs

问题:

我开始在我的项目中使用angular.js,在开发过程中,我注意到控制器有时不加载,所以我尝试删除项目的一部分,直到尽可能小的例子,但问题仍然存在.

码:

的index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Test</title>
</head>
<body ng-app="myApp">
    <div ng-controller="TestController">
        <input ng-model="testText" type="text" placeholder="Enter text">
    </div>
    <script src="/static/js/angular.js"></script>
    <script src="/static/js/app.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

app.js

console.log("INIT");
angular.module('myApp', [])
.controller('TestController', ['$scope', function($scope) {
    $scope.testText = '172.17.2.1';
    console.log("SCOPE");
}]);
Run Code Online (Sandbox Code Playgroud)

注意:

"INIT"部分始终显示在控制台中.有时(或大部分时间)Altough"SCOPE"部分不会使输入字段无法填充.

版本:

Chrome:36.0.1985.125

Angular.js:1.3.14

Tru*_*rby 15

问题是Chrome的"AngularJS Batarang"扩展.它以某种方式弄乱了角度.我从来没有真正使用它,在研究angular.js之前安装它并忘记启用它.

我禁用它,一切正常.

  • 这次真是万分感谢.只是为了弄清楚为什么我的观点会间歇性地不加载而自己开车.残疾人Batarang,一切都按照应有的方式运作. (2认同)