2016-06-25 137 views
0

我有選擇的,當我想要添加在輸入框中輸入到相應部分的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/

回答

1

我得到它的工作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); 
}