我正在开发一个TODO app.I有一个模板,进行UI view'ed从index.html的(todoTemplate.html):如何用角度js中的另一个地方替换HTML模板?
这是我想代替上面显示模板DIV连同ID(todoUpdate.html):
Name
Back
这是我的路线:
mod.config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRouterProvider){
$stateProvider.state('allTodo',{
url:'/todo',
templateUrl: 'modules/todo/views/todoTemplate.html',
controller: 'ToDoController'
})
.state('allTodo.update',{
url:'/update',
templateUrl: 'modules/todo/views/todoUpdate.html',
controller: 'UpdateController'
});
}]);
这些都是我的控制器:
angular.module('myTodoApp.todoModule.controllers',['myTodoApp.todoModule.services'])
.controller('ToDoController',['$scope','todoService',function($scope,todoService){
$scope.tasks=todoService.query();
}])
.controller('UpdateController',['$stateParams','$state','$scope','todoService',function($stateParams,$state,$scope,todoService){
$scope.closeEditBox=function(){
$state.go('allTodo');
};
$scope.updateTodo=todoService.query({id:$stateParams.id});
console.log($scope.updateTodo);
}]);
目前执行后,我得到这样的: 简单地说,我要表现出todoTemplate.html各自点击链接的确切地点todoUpdate.html,我应该能够编辑内容和调用API来更新数据。
在这个演示有看,你就会明白: https://todo-vue.herokuapp.com/
请帮我做取悦和非常感谢!
2017-09-26
Srk95
+0
见我答更新你会帮助你。 –