2017-01-21 5 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

पर

देखो बस एक कलम में ठीक उसी कोड परीक्षण किया है, त्रुटि देख नहीं। क्या आपके पास बिल्ड प्रक्रिया है? गल्प की तरह, यदि ऐसा है तो यह कारण हो सकता है। यह भी है कि आपके एचटीएमएल की पूरी तरह से? [परीक्षण कलम] (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"; 
    }]); 
})(); 

इसके अलावा अपने एचटीएमएल शामिल होना चाहिए एक गुमनाम समारोह में उन्हें रैप करने के लिए आवश्यकता हो सकती है ऐप = "myApp" और angular.min.js और yourapp.js फ़ाइलों के आपके लिंक आपके एचटीएमएल के हेड टैग में होने की आवश्यकता है। कुछ डॉक्स https://docs.angularjs.org/guide/controller