AngularJS：控制器功能是不是一個功能得到了不確定

Question

我是一個AngularJS beginer.Here是我的HTML：

<div class="col-md-12 footer" ng-controller="User"> 
 
    {{user.username||"ad"}} 
 

 
</div>

這裏是我的controllers.js：

angular.controller('User', user); 
 
function User($scope){ 
 
    $scope.user={ 
 
     'username':"wang", 
 
     'password':"wanghao" 
 
    } 
 
}

我掛在控制器（我確信該鏈接是正確的）：

<script src="js/Angular/angular.js"></script> 
 
     <script src="js/Angular/controllers.js"></script>

但是，當我運行我的代碼，這裏是結果：

{{user.username||"ad"}}

這是錯誤： enter image description here 我真的很困惑。我試圖在HTML中寫入JS，或者在控制器之前鏈接Javascript。但它仍然不起作用！

Answer 1

這是這部分，你的函數大寫。

angular.controller('User', user); 
function user($scope){ 
    $scope.user={ 
     'username':"wang", 
     'password':"wanghao" 
    } 
} 

Answer 2

函數名稱在控制器和函數中是錯誤的。

只是將其更改爲function user($scope)

OR

您可以直接申報控制器的功能是這樣的：

angular.controller('User', function($scope){ 

}); 

Answer 3

<div class="col-md-12 footer" ng-app="app" ng-controller="User">     
    {{user.username||"ad"}} 
</div> 

//---Controller---// 
var app = angular.module('app', []); 
app.controller('User', function($scope){ 
$scope.user={ 
    'username':"wang", 
    'password':"wanghao" 
} 
});