使用角度UI路由器的Angular JS控制器不起作用?



我是angularJs的新手,我一直在使用angular uy路由器的示例中工作。 如果您看到任何错误,任何人都可以告诉我吗?我正在使用Visual Studio。

索引.cs HTML

<body>
<div ng-app="app">
First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular.min.js" ></script>
<script src="https://unpkg.com/@uirouter/angularjs@1.0.20/release/angular-ui-router.min.js"></script>
<script src="~/App/application.js"></script>
<script src="~/App/Controlers/controller.js"></script>
</body>
</html>

应用.js

var app = angular.module("app",
["ui.router"]);
app.config(function ($stateProvider, $urlRouterProvider) {

$urlRouterProvider.otherwise('/home');
$stateProvider
// State managing 
.state('home', {
url: '/home',
templateUrl: '/home/index',
controller: 'myCtrl'
})
.state('home.index', {
url: '/',
controller: 'myCtrl'
});
});

控制器.js

app.controller('myCtrl', function ($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});

我正在使用应用程序运行良好的localhost/Home/Index/但"名字"或"姓氏"的默认值不起作用。

我把你的代码放进了一个Plunker。 我唯一更改的是<script>标签。

我将它们移动到header标签中并删除

<script src="~/App/application.js"></script>
<script src="~/App/Controlers/controller.js"></script>

并添加

<script src="app.js"></script>

最新更新