ng-hide

    -1热度

    2回答

    我有一些HTML元素,它们在控制器使用ng-hide <ion-list> <ion-item class="ng-hide" ng-show="isLoggedin()" ng-click="login()">Login</ion-item> <ion-item class="ng-hide" ng-show="isLoggedin()" href="#/app/regi

    0热度

    2回答

    我想在索引页中使用ng-hide,如果某些嵌套视图中的url。 在我的index.html,我想是这样的: <top-bar ng-if="!home"></top-bar> <ui-view class="reveal-animation"></ui-view> <bottom-bar ng-if="!home"></bottom-bar> 我想,当我进入到“家”浏览条将

    0热度

    2回答

    <div class="alert alert-warning" ng-hide="badges.length"> <strong>Empty!</strong> This Micro_organization has No badges. </div> <ul> <li ng-repeat="badge in badges">{{ badge.title }}</li>

    0热度

    3回答

    使用AngularJS我想以切换的方式显示和隐藏与特定id相关的数据。 我的JSON数据格式是这样的: $scope.things = [{ id: 1, data: 'One', shown: true }, { id: 2, data: 'Two', shown: false }, { id

    1热度

    1回答

    我有一个非常简单的angularjs代码: <div ng-hide="foo > 0" >xxxxxxxxx</div> 返回错误: Uncaught Error: Syntax error, unrecognized expression: div[ng-hide='foo bc.error @ browserLink:37 bh @ browserLink:37bp ... f

    1热度

    1回答

    我正在构建一个角度测验,我试图根据测验是否已经开始显示一个按钮。用户在登录时进入他们的用户页面,当他们没有开始测验时,我想显示“开始测验”按钮。在测验中,他们可以访问他们的用户页面,但只有“简历测验”应该可见。 作为我的最后一项测试,我把它弄糊涂了。在我的控制,我特别声明: vm.started = false; 然后在HTML文件我用这样的逻辑: <button ng-hide"reg.st

    0热度

    1回答

    如果第一个表单有效,我会在第二个表单和第三个表单中隐藏div。这个想法是,当你点击提交按钮,如果这是有效的隐藏这个元素。 <div class="cover" ng-hide ="form.shipping.$valid"/> 我也不是很清楚的逻辑又是如何工作的角度,这些情况下,如果有人在这里可以给我一个想法,将不胜感激。 示例的我的代码: (function() { 'u

    2热度

    2回答

    有没有办法让一个div淡入淡出使用AngularJs ng-hide?目前,我正在获取“菜单”以显示何时将鼠标悬停在标题div上。从头部移动到菜单本身时,我也得到了div。然而,我似乎找不到一种方法让它淡入淡出使用Angular或CSS。 继承人JSFiddle HTML: <div ng-app> <div ng-controller="showCrtl"> <div cl

    1热度

    1回答

    我是Angular.js的新手,并且有点问题。 我有一个可以通过本地作用域变量进行搜索的列表。但是,我不要想要显示默认显示在输入栏下方的列表。我只想显示查询的结果。我怎样才能做到这一点? 目前我有: <form class="form-inline"> <input ng-model="query" type="text" placeholder="Filter by" autofocu

    0热度

    2回答

    我是新的angularjs,并努力使一些逻辑显示和隐藏不同的Div使用ng-show和ng-hide基于不同的点击。 PLUNKER 视图1: <div ng-hide="section1"> <select> <option>Select List 1</option> <option>Select List 2</option> </select> <