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.

http://jsfiddle.net/8jmnpn2u/

Thank you very much.

Here is your solution

http://jsfiddle.net/8jmnpn2u/2/

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 = ""; $scope.show= function(id){ $scope.currentDiv = id; } });

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

分页:12
转载请注明
本文标题:Get an item when you use ng-if is undefined&amp;period; Angular&amp;period;j ...
本站链接:https://www.codesec.net/view/611809.html


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(14)