Text je nach Optionsfeld Auswahl (Winkel-)

Ich habe Radio-Buttons, die, wenn ich (als Listenelement)Text je nach Optionsfeld Auswahl (Winkel-)

<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 -->

Hier will ausgewählt, um den Text in dem Eingabefeld auf den entsprechenden Abschnitt des ul hinzufügen mein Controller. Bis jetzt habe ich es eingerichtet, um den Text aus dem Eingabefeld zu bekommen und schieben Sie es auf Abschnitt 1's ul. Aber ich möchte einen Weg für den Benutzer ein Optionsfeld wählen Sie den Abschnitt auszuwählen und dann den Eingabetext drücken auf diesen Abschnitt der 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); 
    } 

});

ich auch eine Geige eingerichtet, aber nicht bekommen Winkel geladen: https://jsfiddle.net/RL_NewtoJS/tx7novnb/10/

Quelle

2016-06-25 NewToJS

ich habe es https://jsfiddle.net/tx7novnb/13/ Arbeits

das Problem war der ng-Wert des Radiobutton:

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

und

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

Quelle

2016-06-25 15:06:48

Text je nach Optionsfeld Auswahl (Winkel-)

Antwort

Verwandte Themen