AngularJS控制器未执行

Question

I am using Angularjs in asp.net core website which has jquery as well. AngularJS is being used for a small part of the website. Below is the AngularJS HTML

 (function () { var app = angular.module('dashBoardApp', []); console.log(app); var xx = app.controller('dashBoardController', ['$scope', function ($scope) { $scope.value = 'Test'; }]); })(); 

 <div ng-app="dashBoardApp"> <div ng-controller="dashBoardController"> <p>{{5+5}}</p> </div> </div> 

I must be doing something stupid. But unable to figure out.

Answer 1

You need to add a reference to the angular lib

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"></script>

Then it works like a charm

 (function () { var app = angular.module('dashBoardApp', []); console.log(app); var xx = app.controller('dashBoardController', ['$scope', function ($scope) { $scope.value = 'Test'; }]); })(); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"></script> <div ng-app="dashBoardApp"> <div ng-controller="dashBoardController"> <p>{{5+5}}</p> </div> </div>