如何使用 AngularJS 从物化中获取 ng-model 值？

Question

当我在搜索中键入文本时，数据将被过滤，当我 select 在单选按钮中输入相应的值时，它会 select 在搜索文本字段上，但它不会工作

<div class="row">
 <div class="row">
   <div class="input-field col s12">
     <input id="search" class="search nomargin" type="text" class="validate dark" ng-model="search">
   <label for="search"><i class="fa fa-search" aria-hidden="true"></i> Search Player</label>
 </div>
 </div>

     <div class="searchresultsbox z-depth-1">
       <div class="row nopad nomargin">
     <div class="col s12 nopad nomargin">
            <ul ng-repeat="eachPlayer in user |filter:search">
            <li><input name="rdbRisk" type="radio" id="rdbRisk" ng-change="Assign(selected)" ng-value="eachPlayer" ng-model="selected"/>
     {{eachPlayer}} </li>
            </ul>
         </div>
       </div>
    </div>
</div>

<div class="modalbuttongroup">
   <a href="" class="center waves-effect waves-light btn addplayer" ng-click="submitPlayer(selected)"><i class="fa fa-check" aria-hidden="true"></i> ADD PLAYER</a>
   <a href="" class="center waves-effect waves-light btn cancelbtn modal-close red"><i class="fa fa-times" aria-hidden="true"></i> CANCEL</a>
</div>

这是我的js代码

app.controller("dobController", ["$scope", function($scope) {
    $scope.selected;
    $scope.user =

      [{
    "id": "57f2ade2d9913939d0de4af8",
    "firstName": "Sachin"
    "lastName":"Tendulkar"

      }, {
    "id": "57f3d03fd99139333880a2f8",
    "firstName": "Shane"
    "lastName":"Warne"
      }, {
    "id": "57f3d05ad99139333880a2fa",
    "firstName": "Virat"
    "lastName":"Kohli"
      }, {
    "id": "57f3fff6d991394b3daa2d49",
    "firstName": "Ricky"
    "lastName":"Ponting"
      }]

    $scope.Assign = function(user) {
      $scope.selected = user;
    };
    $scope.submitPlayer = function(user) {
      alert(JSON.stringify($scope.selected.id))
    };
  }
]);

我希望在 selected 播放器后在文本字段中显示播放器名称，并且在单击 'ADD PLAYER' 时提醒播放器 ID。

Answer 1

如果使用materialize，需要将表单设计成一定的格式，同样使用angular-materialize js

<div ng-repeat="eachPlayer in player |filter:player.name">
     <p>
       <input type="radio" id="test1" ng-model="selected" ng-change="Assign(selected)" ng-value="eachPlayer" /> {{eachPlayer.name}} {{selected}}
       <label for="test1">{{eachPlayer.name}}</label>
    </p>

DEMO

如何使用 AngularJS 从物化中获取 ng-model 值？

How to get ng-model value from materialize using AngularJS?

materialize

angularjs