如何在angularjs的ul中添加li標簽？

Question

我有一個這樣的HTML

  <div>
       <div class="submain">
           <div><ul><ul><div>
           <div g-directive>click</div>
       </div>
       <div class="submain">
           <div><ul><ul><div>
           <div g-directive>click</div>
       </div>
       <div class="submain">
           <div><ul><ul><div>
           <div ng-directive>click</div>
       </div>
  <div>

當我單擊特定的div（單擊div）時，我想在特定單擊的div之前的ul標簽中附加一個li標簽。

我有這樣的指令，我已經嘗試過了，但是沒有用

app.directive('ngDirective',function()
{
   return function(scope,element,attrs)
   {
      element.bind('click',function()
      {
          element.prev().children('ul').append('<li></li>');

      });
   }

});

如何將li標簽附加到div的子代ul中？

Answer 1

只是您可以做什么的一個粗略示例：

HTML

<div>
   <div class="submain">
       <div><ul>
         <li ng-show="showLI">{{content}}</li>
       <ul><div>
       <div ng-click="toggleLI()">click</div>
   </div>
<div>

JS

$scope.showLI = false;
$scope.toggleLI = function() {
    $scope.showLI = !$scope.showLI;
}

Answer 2

由於元素選擇器錯誤，您的代碼無法正常工作。 .children僅搜索子級元素的第一級，因此基本上<div class="submain">沒有子級元素<ul> 。 您可以改用.find('ul') ，它向下搜索整棵樹