我是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>