js 替换除了p外的html,如何用角度js中的另一个地方替换HTML模板?

我正在开发一个TODO app.I有一个模板,进行UI view'ed从index.html的(todoTemplate.html):如何用角度js中的另一个地方替换HTML模板?

{{task.name}}
Created on : {{task.createdAt}}

{{task.type}}

这是我想代替上面显示模板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);

}]);

目前执行后,我得到这样的: CPx6X.png 简单地说,我要表现出todoTemplate.html各自点击链接的确切地点todoUpdate.html,我应该能够编辑内容和调用API来更新数据。

在这个演示有看,你就会明白: https://todo-vue.herokuapp.com/

请帮我做取悦和非常感谢!

2017-09-26

Srk95

+0

见我答更新你会帮助你。 –

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值