标签: ng-hide

我有一个JSON包含大量数据的文件:

myData.JSON:

{
"Addresses": {
    "AddressList": [
        {
            "HouseNumber": 201,
            "Street": "Victoria Lane",
            "Postcode": "SW1 8ES"
        },
        {
            "HouseNumber": 10,
            "Street": "Allen Close",
            "Postcode": "NG2 3TD"
        },
        {
            "HouseNumber": 57,
            "Street": "Thomas Street",
            "Postcode": "DR12 6TE"
        },
        {
            "HouseNumber": 57,
            "Street": "Old Lister Street",
            "Postcode": "OL4 5TH"
        },
        {
            "HouseNumber": 45,
            "Street": "Milk Round Street",
            "Postcode": "MK6 4HG"
        },
        {
            "HouseNumber": 102,
            "Street": "Jersey Quarter Avenue",
            "Postcode": "DR12 6TE"
        },
        {
            "HouseNumber": 845,
            "Street": "MR HAPPY STREET",
            "Postcode": …

我正在尝试在值为null或空数组时执行ng-hide(在Firebug中,这显示为[]).

我可以通过以下方式执行null:

ng-hide="myData.Address == null"

但是,当我尝试:

ng-hide="myData.Address == null || myData.Address == []"

该值仍然出现.

我想隐藏一个div取决于我在json中的值

例如,我有{{product.currency}},值可以是:£或€如果值相等€我想隐藏这个元素.

当我访问angularjs中的视图时,我想知道是否可以隐藏index.html文件中的某些部分.

我的index.html文件包含所有视图的底部菜单栏,我创建了一个home.html视图,我不想包含该菜单栏.角度有可能吗？

谢谢!

我当前可以根据控制器中的布尔条件显示/隐藏元素.如果条件为真,我怎么能淡出元素而不是立即隐藏它？

<div id='conversion-image' ng-hide="pages.length > 0">
    generating pages...
    <br />
    <img src='Images/ajax-loader-blue.gif' />
</div>

我也已经包含了ngAnimate的依赖性.

var app = angular.module("app", ["ngAnimate"]);

我有一个包含数字的字符串列表的 JSON 文件，例如

{
    "MyAccount": "105"
}

在前端，我可以对这个值执行条件吗？IE：

<div ng-if="MyAccount > 100">
   //code ig account greater than 100
</div>

尝试在不必编写任何 JS 的情况下执行此操作，因为此 ng-if 将位于复杂的 ng-repeat 中

我试过了：

<div ng-if="parseInt(MyAccount) > 100">
   //code ig account greater than 100
</div>

我坚持一些东西,这应该是非常普通的.我即将写一个工厂来解决这个问题,但我在想,必须有一个聪明的方法.

我的指令templateUrl中有一个ng-repeat:

<div ng-repeat="item in items">
   <p ng-click="toggle()" ng-hide="display">{{item.$value}}</p>
   <input ng-model="item.$value" ng-show="display">
   <button ng-show="display" ng-click="changeText(item)">finish</button>
</div>

我的切换功能如下所示:

$scope.toggle = function (){
      $scope.display = !$scope.display;
    };  

这意味着,当我单击一个<p>元素时,将显示所有输入字段.因为他们都使用相同的变量.我无法绕过这个问题做出正确的角度解决方案,以便只切换此项目中的一个.这样的解决方案是否存在？