All the default elements are hidden.

$scope.hide=false; ng-if="hide"

I want it when I click on a link, it shows the corresponding element. But I do not know how to show only the element that corresponds. For example if I click on

<li> <a href=''ng-click="show('section1')"> section1 </a> </ li>

The element with the 'section1' id must be displayed. After that, I do not know why the element is not found.

Var myEl = angular.element (document.querySelector ('#' + id));

Do this using the ng-if statement.

Thank you very much.

Here is your solution

Simply you can do it by $scope variable

Define $scope.currentDiv = "";

and on show function just update $scope.currentDiv

Your HTML code

<body ng-app="myApp" ng-controller="myCtrl"> <nav> <ul> <li><a href='' ng-click="show('section1')">section1</a></li> <li><a href='' ng-click="show('section2')">section2</a></li> <li><a href='' ng-click="show('section3')">section3</a></li> </ul> </nav> <section id='section1' ng-if="currentDiv == 'section1'"> 1 </section> <section id='section2' ng-if="currentDiv == 'section2'"> 2 </section> <section id='section3' ng-if="currentDiv == 'section3'"> 3 </section> </body>

Angular controller

// the main (app) module var myApp = angular.module("myApp", ['ui.swiper']); // add a controller myApp.controller("myCtrl", function($scope) { $scope.msg = "hello world"; $scope.currentDiv = ""; $ function(id){ $scope.currentDiv = id; } });

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

本文标题:Get an item when you use ng-if is undefined&amp;period; Angular&amp;period;j ...

技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(44)