取决于单选按钮选择（角）

问题描述：

我有选择的，当我想要添加在输入框中输入到相应部分的UL文本（如列表项）单选按钮取决于单选按钮选择（角）

<body ng-app="MyApp"> 
    <div ng-controller="MyController as myCtrl"> 
     <div class='wrap'> 
       <p>Section 1<p> 
        <ul> 
         <li ng-repeat="item in myCtrl.items1">{{item}}</li> 
        </ul> 
       <p>Section 2<p> 
        <ul> 
         <li ng-repeat="item in myCtrl.items2">{{item}}</li> 
        </ul> 
       <p>Section 3<p> 
        <ul> 
         <li ng-repeat="item in myCtrl.items3">{{item}}</li> 
        </ul> 
     </div> 
     <div class='wrap'> 
      File Name: <input type="text" ng-model="myCtrl.fileName"> 
      <button ng-click="myCtrl.addFile()">Add File</button> 
      <div> 
       <input type="radio" name="foldertoadd" ng-value="myCtrl.section1" ng-model="myCtrl.sectionSelected"> Section 1 
       <input type="radio" name="foldertoadd" ng-value="myCtrl.section2" ng-model="myCtrl.sectionSelected"> Section 2 
       <input type="radio" name="foldertoadd" ng-value="myCtrl.section3" ng-model="myCtrl.sectionSelected"> Section 3 
      </div> 
     </div> 
    </div> 
</body><!-- end of MyApp, angular ends here -->

这里是添加文本我的控制器。到目前为止，我已经设置从输入框中获取文本并将其推送到第1部分的ul。但我想一些办法让用户选择一个单选按钮，挑选部分，然后输入文本推到该部分的UL

var myModule = angular.module("MyApp", []); 

myModule.controller('MyController', function(){ 

    var self = this; 

    self.items1 = ["File 1.1","File 1.2","File 1.3"]; 
    self.items2 = ["File 2.1","File 2.2","File 2.3"]; 
    self.items3 = ["File 3.1","File 3.2","File 3.3"]; 

    self.sectionSelected = false; 

    self.addFile = function() { 
     var textAdded = self.fileName; 
     self.items1.push(textAdded); 
    } 

});

我还设置了一个小提琴，但不能得到角装： https://jsfiddle.net/RL_NewtoJS/tx7novnb/10/

答

我得到它的工作https://jsfiddle.net/tx7novnb/13/

问题是单选按钮的NG-值：

<input type="radio" name="foldertoadd" ng-value="myCtrl.item1" ng-model="myCtrl.sectionSelected"> Section 1

and

self.addFile = function() { 
    var textAdded = self.fileName; 
    self.sectionSelected.push(textAdded); 
}

取决于单选按钮选择（角）

相关推荐