国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

angular.js - angularjs directive怎麼實現(xiàn)透過點擊事件更換模版?
PHPz
PHPz 2017-05-15 16:55:03
0
2
762
想實現(xiàn)這樣一個功能:
點擊頁面的編輯按鈕 ,頁面的數(shù)據(jù)變成可編輯狀態(tài),編輯之后點擊確定,編輯的數(shù)據(jù)展示在頁面上

用angular去實現(xiàn)的話,我目前的思路是,點擊編輯按鈕,顯示數(shù)據(jù)部分通過directive替換成可編輯狀態(tài)的模版,編輯之後點擊確定再進行模版的切換,不知道可不可以這樣


就是這樣兩個模版之間切換,不用路由是不是可以實現(xiàn)?

PHPz
PHPz

學(xué)習(xí)是最好的投資!

全部回覆(2)
左手右手慢動作

給你一個簡單的例子:

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

滿天的星座

其實這種在點擊按鈕的時候改變flag變數(shù)的值,然後根據(jù)變數(shù)值展示不同的區(qū)域就可以了

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板