찾다

 >  Q&A  >  본문

angular.js - angular radio repeat 默认选中值

html代码如下:

<ul>
  <li ng-repeat="thing in favoriteThings">
    <input type="radio" ng-value="thing" ng-model="selected" name="stuff"/>
      {{thing.text}}
  </li>
</ul>

js代码如下:

$scope.favoriteThings = [
    {nr: 1, text: "Raindrops on roses"},
    {nr: 2, text: "Whiskers on kittens"},
    {nr: 3, text: "Bright copper kettles"},
    {nr: 4, text: "Warm woolen mittens"},
    {nr: 5, text: "Brown paper packages tied up with strings"},
    {nr: 6, text: "Cream colored ponies"},
    {nr: 7, text: "Crisp apple streudels"},
    {nr: 8, text: "Doorbells"},
    {nr: 9, text: "Sleigh bells"},
    {nr: 10, text: "Schnitzel with noodles"},
    {nr: 11, text: "Wild geese that fly with the moon on their wings"},
    {nr: 12, text: "Girls in white dresses with blue satin sashes"},
    {nr: 13, text: "Snowflakes that stay on my nose and eyelashes"},
    {nr: 14, text: "Silver white winters that melt into springs"}
  ];
  
  $scope.selected = {nr: 1, text: "Raindrops on roses"};

目前我这样做,不能默认选中一个值,也不知道问题出在哪里。

我想页面一加载就默认选中一个值,其中每一项的值类型是对象,我应该如何做?

巴扎黑巴扎黑2745일 전617

모든 응답(2)나는 대답할 것이다

  • 漂亮男人

    漂亮男人2017-05-15 17:01:56

    다음과 같은 ng-model
    의 기본값을 설정해야 합니다.

    으아악

    이 옵션은 기본적으로 선택됩니다.

    사용할 수 없습니다

    으아악

    ng-model의 객체에 대한 동일한 참조만 동일한 것으로 간주되기 때문에 위의 방법은 반복의 값과 동일하지 않은 새 객체를 생성합니다.

    회신하다
    0
  • 某草草

    某草草2017-05-15 17:01:56

    ng-repeat 中使用 ng-checked 에서 찾을 수 있습니다. 예:

    으아악

    회신하다
    0
  • 취소회신하다