想實現(xiàn)這樣一個功能:
點擊頁面的編輯按鈕 ,頁面的數(shù)據(jù)變成可編輯狀態(tài),編輯之后點擊確定,編輯的數(shù)據(jù)展示在頁面上
用angular去實現(xiàn)的話,我目前的思路是,點擊編輯按鈕,顯示數(shù)據(jù)部分通過directive替換成可編輯狀態(tài)的模版,編輯之後點擊確定再進行模版的切換,不知道可不可以這樣
就是這樣兩個模版之間切換,不用路由是不是可以實現(xiàn)?
學(xué)習(xí)是最好的投資!
給你一個簡單的例子:
var demo = angular.module('demo', []);
demo.directive('demoDir', function(){
return {
restrict: 'A',
scope: {},
link: function($scope, element){
$scope.city = {};
$scope.edit = function(){
$scope.isEditing = true;
};
$scope.confirm = function(){
$scope.isEditing = false;
};
},
template: '<p ng-if="!isEditing">城市: {{ city.name }} <button ng-click="edit()">編輯</button></p><p ng-if="isEditing"><input ng-model="city.name"/><button ng-click="confirm()">確定</button></p>'
};
});
plunker