先直接上代码了 T. T结构:
index.html
Nexus
app.js
angular.module('Nexus', ["ngRoute"])
.config(['$routeProvider', function($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'partials/list.html',
controller: 'PhoneListCtrl'
})
.when(('/:phoneId', {
templateUrl: 'partials/phone-detail.html',
controller: 'PhoneDetCtrl'
}))
.otherwise({
redirectTo: '/'
})
}])
controller.js
var Nexus = angular.module('Nexus', []);
Nexus.controller('PhoneListCtrl',
function($scope, $http) {
$scope.list = ["nexux 6P", "nexus 5X"];
});
Nexus.controller('PhoneDetCtrl',
function($scope, $routeParams, $http) {
$http.get('phones/' + $routeParams.phoneId + '.json').success(function(data) {
$scope.phone = data;
})
});
打开后发现页面是空的。求教哪里没写对,谢谢!!
弄了个很渣大demo,看起来应该会方便 点击这里
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
没有引入
ngRoute这个模板的js1.引入angular-route.js
2.add.js和controller.js中的模块名称用的同一个名字“Nexus”,建议将controller.js中的模块名称改一下