AngularJS不显示控制器



我有以下代码:

Trips.cshtml:

@section Scripts{
<script src="~/lib/angular/angular.min.js"></script>
<script src="~/js/app-trips.js"></script>
<script src="~/js/tripsController.js"></script>
}
<div class="row" ng-app="app-trips">
<div >{{"Two plus two : " + (2+2)}}</div>
<div ng-controller="tripsController as vm" class="col-md-6 col-md-offset-3">
{{ vm.name }}
</div>
</div>

应用程序旅行.js:

(function () {
"use strict";
angular.module("app-trips", []);
})();

行程控制器.js:

(function () {
"use strict";
angular.module("app-trips")
.controller("tripsController", tripsController);
function tripsController() {
var vm = this;
vm.name = "jaka";
}
})();

在我的 .cshtml 中,我得到"2+2"= 4 以角度显示,但我没有得到我的 vm.name。有谁知道可能有什么问题?

您尚未关闭div,

<div class="row" ng-app="app-trips">
<div >{{"Two plus two : " + (2+2)}}</div>
<div ng-controller="tripsController as vm" class="col-md-6 col-md-offset-3">
{{ vm.name }}
</div>
</div>

演示

angular.module("app-trips", []).controller("tripsController", tripsController);
function tripsController() {
var vm = this;
vm.name = "jaka";
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div class="row" ng-app="app-trips">
<div >{{"Two plus two : " + (2+2)}}</div>
<div ng-controller="tripsController as vm" class="col-md-6 col-md-offset-3">
{{ vm.name }}
</div>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.0/angular-route.min.js"></script>
<!-- <link href="Styles.css" rel="stylesheet" /> -->
<script>
(function () {
"use strict";
angular.module("app-trips", []);
})();
(function () {
"use strict";
angular.module("app-trips")
.controller("tripsController", tripsController);
function tripsController() {
var vm = this;
vm.name = "jaka";
}
})();
</script>
</head>
<body >
<div class="row" ng-app="app-trips">
<div >{{"Two plus two : " + (2+2)}}</div>
<div ng-controller="tripsController as vm" class="col-md-6 col-md-offset-3">
{{ vm.name }}
</div>
</body>
</html>

最新更新