Question

我想在div元素中显示数据并突出显示加载页面时选择的默认数据，当我单击未选中的其他项目时，所选项目应更改此值。$ scope .selectedItem属性。

例如我有这个数据

Item 1
Item 2

//this is the item list
 this.$scope.items = items;

//this is the selected item
this.$scope.selectedItem = selectedItem;

//html. I don't know how to design this, since I don't know how to bind the data to div element.

<div></div>

如果我有一个div元素，我如何绑定数据并显示它。从那里，我在选择项目时如何保存所选值？

对不起，我是Angular.js的新手。所以我现在很困惑。

Answer 1

你可以点击div本身......就像这样：

 <div ng-click="clicked('one')">
   Item One
  </div>

  <div ng-click="clicked('two')">
   Item Two
  </div>

在控制器中：

 $scope.clicked = function(item) {
      $scope.selectedItem = item;
    };

你可以使用ng-class装饰div来拥有暮色......

将数据绑定到div元素并使用Angular.js突出显示所选内容

1 个答案: