Fatal编程技术网
  • angularjs/
  • Angularjs Ng如果布尔条件问题

Angularjs Ng如果布尔条件问题

angularjs

Angularjs Ng如果布尔条件问题,angularjs,Angularjs,我试图在isNotRegistered==true时显示按钮，并隐藏嵌套链接。如果是false则隐藏按钮并显示链接。 为什么所有链接都隐藏在我的plunker中？ 我想这些名字会变成链接。。。看看这个。。。如果我误解了，请纠正我 角度模块（“应用程序”，[]） .controller（“Ctrl”，函数（$scope）{ $scope.list=[ {项目：“1”， isnotregisted:false， 儿童：[ {name:'11'}， {name:'12'} ] }, {项目：“2”，

我试图在isNotRegistered==true时显示按钮，并隐藏嵌套链接。如果是
false
则隐藏按钮并显示链接。 为什么所有链接都隐藏在我的plunker中？
我想这些名字会变成链接。。。看看这个。。。如果我误解了，请纠正我

角度模块（“应用程序”，[]） .controller（“Ctrl”，函数（$scope）{ $scope.list=[ {项目：“1”， isnotregisted:false， 儿童：[ {name:'11'}， {name:'12'} ] }, {项目：“2”， isNotRegistered:对， 儿童：[ {name:'21'}， {name:'22'} ] } ]; }); 


    

  • {{item.item}

      

    • {{child.name}
      • 
点击

    

    •
我想这些名字会变成链接。。。看看这个。。。如果我误解了，请纠正我

角度模块（“应用程序”，[]） .controller（“Ctrl”，函数（$scope）{ $scope.list=[ {项目：“1”， isnotregisted:false， 儿童：[ {name:'11'}， {name:'12'} ] }, {项目：“2”， isNotRegistered:对， 儿童：[ {name:'21'}， {name:'22'} ] } ]; }); 


    

  • {{item.item}

      

    • {{child.name}
      • 
点击

    

    •
更换此

 <li ng-repeat="item in list">{{item.item}}
        <ul>
          <li ng-if="!item.isNotRegistered" ng-repeat="item in item.children">{{item.name}}</li>
          <button ng-if="item.isNotRegistered">Click</button>
        </ul>
      </li>

  • {{item.item}

      

    • {{item.name}
      • 
点击

    

    •
    由此

     <li ng-repeat="item in list">{{item.item}}
        <ul>
          <li ng-if="!item.isNotRegistered" ng-repeat="newItems in item.children">{{newItems.name}}</li>
          <button ng-if="item.isNotRegistered">Click</button>
        </ul>
      </li>

  • {{item.item}

      

    • {{newItems.name}
      • 
点击

    

    •
    问题是之前为项指定值时出现的两个问题。因此出现了混乱

    替换此

     <li ng-repeat="item in list">{{item.item}}
        <ul>
          <li ng-if="!item.isNotRegistered" ng-repeat="item in item.children">{{item.name}}</li>
          <button ng-if="item.isNotRegistered">Click</button>
        </ul>
      </li>

  • {{item.item}

      

    • {{item.name}
      • 
点击

    

    •
    由此

     <li ng-repeat="item in list">{{item.item}}
        <ul>
          <li ng-if="!item.isNotRegistered" ng-repeat="newItems in item.children">{{newItems.name}}</li>
          <button ng-if="item.isNotRegistered">Click</button>
        </ul>
      </li>

  • {{item.item}

      

    • {{newItems.name}
      • 
点击

    

    •
    问题是之前为项指定值时出现的两个问题。因此，使用ng show代替，并避免在不同级别使用相同的变量名，这是一种混乱。我将第一个li项更改为Pitem。下面是为你工作的清单。 祝你一切顺利

    <!DOCTYPE html>
<html ng-app="App">

  <head>
    <script data-require="angularjs@1.5.5" data-semver="1.5.5" src="https://code.angularjs.org/1.5.5/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="Ctrl">
    <ul>
      <li ng-repeat="Pitem in list">{{Pitem.item}}
        <ul>

          <li ng-show="!Pitem.isNotRegistered" ng-repeat="item in Pitem.children">{{item.name}}</li>

          <button ng-show="Pitem.isNotRegistered">Click</button>
        </ul>
      </li>
    </ul>
  </body>

</html>

    

      

    • {{Pitem.item}

        

      • {{item.name}
        • 
点击

      

      •
    如果这解决了您的问题，请标记为答案

    使用ng show，并避免在不同级别使用相同的变量名。我将第一个li项更改为Pitem。下面是为你工作的清单。 祝你一切顺利

    <!DOCTYPE html>
<html ng-app="App">

  <head>
    <script data-require="angularjs@1.5.5" data-semver="1.5.5" src="https://code.angularjs.org/1.5.5/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="Ctrl">
    <ul>
      <li ng-repeat="Pitem in list">{{Pitem.item}}
        <ul>

          <li ng-show="!Pitem.isNotRegistered" ng-repeat="item in Pitem.children">{{item.name}}</li>

          <button ng-show="Pitem.isNotRegistered">Click</button>
        </ul>
      </li>
    </ul>
  </body>

</html>

    

      

    • {{Pitem.item}

        

      • {{item.name}
        • 
点击

      

      •
    如果这解决了您的问题，请将其标记为答案

    代码中没有链接。把它贴在这里，让问题变得有意义，并清楚地解释你期望发生什么以及会发生什么。“为什么在我的plunker中所有链接都隐藏？”-因为根本没有链接？更新了我的plunker。您的代码中没有链接。把它贴在这里，让问题变得有意义，并清楚地解释你期望发生什么以及会发生什么。“为什么在我的plunker中所有链接都隐藏？”-因为根本没有链接？更新了我的plunker。