嗨,我只想根据选定的值Angularjs在选项卡上

时间:2018-01-23 11:57:23

标签: javascript jquery angularjs angular

我的代码是

function showFields(){
  vm.activetab = '';

  if(vm.selectpage.name=='dashboard'){
    vm.activetab.main = true;  
  }else if(vm.selectpage.url == 'calender'){
    vm.activetab.calender = true;
  }else if(vm.selectpage.url == 'to_do'){
    vm.activetab.to_do = true;
  }else if(vm.selectpage.url == 'mobile_consumption'){
    vm.activetab.mobile_data_consumption = true;
  }else if(vm.selectpage.url == 'user_activity'){
    vm.activetab.mobile_data_consumption = true;
  }else if(vm.selectpage.url == 'using_applications'){
    vm.activetab.mobile_data_consumption = true;
  }else if(vm.selectpage.url == 'session_activity'){
    vm.activetab.activity_per_session = true;
  }
  console.log(vm.activetab.mobile_data_consumption);

 }

在HTML方面

  <div ng-if="vm.activetab.main" style="margin-top:20px">
  //code
</div>
<div ng-if="vm.activetab.calender" style="margin-top:20px">
  //code
</div>
<div ng-if="vm.activetab.to_do" style="margin-top:20px">
  //code
</div>

当showfield函数调用它时只显示main而不显示其他功能意味着当我选择它显示的主屏幕时,当我选择日历时它会隐藏主屏幕但不会显示日历div

2 个答案:

答案 0 :(得分:0)

我明白了这是我的错误我没有检查div的开启和关闭。一切都在主力之下。

感谢您的回复。

答案 1 :(得分:0)

请尝试它可能希望它能够正常工作

http://www.example.com/index.php