2017-01-21 15 views
6

クロムでF12キーを押したときにこのエラーが表示されます。 問題はないようです。

私のhtmlコード

<ul class="dropdown-menu" role="menu" ng-controller="CounterController"> 
    <li ng-repeat="item in messages"><a href="">{{item.name}}</a></li> 
</ul> 

ここに私のjsファイルです。どんな考え? 私が使用していますangualrのバージョンでは、あなたが問題を配置するいくつかのファイルを行っているかもしれ1.6.1 角度コントローラコード

angular 
.module('myApp.counter_controller', []) 
.controller('CounterController', ['$scope', '$filter', function($scope, $filter) { 
    'use strict'; 
    $scope.messages = [{ 
     name : 'ENG', 
     read : false 
    }, { 
     name : 'JPN', 
     read : false 
    }, { 
     name : 'CHI', 
     read : false 
    }, ]; 
$scope.setRead = function(item, $event) { 
    $event.preventDefault(); 
    $event.stopPropagation(); 
    item.read = true; 
}; 
$scope.setUnread = function(item, $event) { 
    $event.preventDefault(); 
    $event.stopPropagation(); 
    item.read = false; 
}; 
$scope.setReadAll = function($event) { 
    $event.preventDefault(); 
    $event.stopPropagation(); 
    angular.forEach($scope.messages, function(item) { 
    item.read = true; 
    }); 
}; 
$scope.unseenCount = $filter('filter')($scope.messages, { 
    read: false 
}).length; 
$scope.$watch('messages', function(messages) { 
    $scope.unseenCount = $filter('filter')(messages, { 
    read: false 
    }).length; 
}, true); 
}]); 
+0

https://docs.angularjs.org/guide/controller

ルックただエラーを見ていない、ペンでまったく同じコードをテストしました。あなたはビルドプロセスを持っていますか?もしそうなら、それは原因かもしれない。また、あなたのhtmlの全体ですか? [テストペン](http://codepen.io/alphalink/pen/VPbeoV) – alphapilgrim

答えて

2

です。

それが正常に動作しているコードを参照してください:code link

出力:Main Output

1

あなたはng-

(function(){                  
    var myApp = angular.module('myAPP', ['ngRoute']); 

    storehubs.controller('welcome',['$scope',function($scope){ 
     $scope.pageClass="welcome_page"; 
    }]); 
})(); 

はまた、あなたのHTMLが含まれている必要がありそうのような匿名関数でラップする必要があるかもしれませんapp = "myApp"で、angular.min.jsとyourapp.jsファイルへのリンクはhtmlのheadタグ内にある必要があります。いくつかのドキュメント

関連する問題