如何通过单击角度菜单中的字段来更改div?

时间:2016-05-30 11:20:11

标签: javascript angularjs node.js

我有一些字段的菜单。我想通过点击任何字段来改变div。

默认div为:#OLD_DIV

如果我在菜单中按任何合作伙伴,则#OLD_DIV将更改为#NE_D_DIV enter image description here

另外我必须将Partner_ID发送到#NEW_DIV,所以如果我已经选择了一个合作伙伴,我将点击菜单中的另一个合作伙伴,那么#NEW_DIV将保留但是有新的Partner_ID

我已经这样做了,但我认为可以做得更好,更好,更好的做法?

我的菜单和div(玉模板):

[...]
li#dropdown.panel.panel-default.content_wrapper.active(ng-repeat="partner in partnerList") 
     a(data-toggle='collapse', href='#dropdown-' + '{{ partner._id }}', ng-click="changeDiv(partner._id)")
          {{ partner.name }}
[...]

#old_div(ng-show="display")
| some stuff, forms. etc
[...]

#new_div(ng-show="!display")
| some stuff, forms. etc
[...]

Angular脚本:

myApp.controller("myCtrl", function($scope, $http){
        $scope.display = true;

        $scope.changeDiv = function(id){
        $scope.partnerId = id;
        $scope.display = !$scope.display
        }
        }); 

0 个答案:

没有答案