angularjs Kendo DropdownList和ng-model不起作用

qq24tv8q 于 2023-08-02 发布在 Angular

关注(0)|答案(7)|浏览(111)

我有一个绑定到ObservableArray/DataSource的Kendo Dropdownlist。它从数组中适当地填充值。但是当我将ng-model绑定到属性时，下拉列表无法选择值。
超文本标记语言：

<select kendo-drop-down-list k-options="dropOptions" ng-model="user.id"></select>

字符串
JS：

var users = [
  { id: 1, name: 'A' },
  { id: 2, name: 'B' },
  { id: 3, name: 'C' },
  { id: 4, name: 'D' },
  { id: 5, name: 'E' },
  { id: 6, name: 'F' }
];

var usersDataSource = new kendo.data.ObservableArray(users);

$scope.dropOptions = {
  dataSource: usersDataSource,
  dataTextField: 'name',
  dataValueField: 'id',
  optionLabel: "Select one..."
};

$scope.welcome = "World";
$scope.user = { id: 3 }

型
$scope.user = { id: 3 }应强制下拉列表选择C。
以下是Plunkr的链接：http://plnkr.co/edit/BxTqWet5sz725ZtKEKJr?p=preview
我如何为下拉列表进行选择的基础上分配的值属性绑定与ng-model。我也用过k-ng-model，但它不工作。请帮帮我，我在这里做错了什么。- 谢谢-谢谢
编辑：下拉列表中的选择没有硬编码。它将从数据库中提取。

angularjs

来源：https://stackoverflow.com/questions/35192985/kendo-dropdownlist-and-ng-model-doesnt-work

7条答案

按热度按时间

lmvvr0a81#

我使用Angular 1.4.9与Kendo v2015.3.1111。降级到Angular 1.4.8使其正常工作。

赞(0）回复(0）举报 2023-08-02

5lhxktic2#

我有一个可行的解决方案。

<select kendo-drop-down-list
         k-options="odsSoluciones"
         k-data-text-field="'descripcion'"
         k-data-value-field="'solucionId'"
         k-value="prescDPIntercambio.solucionDPId"
         ng-model="prescDPIntercambio.solucionDPId">
 </select>

$scope.odsSoluciones = 
     dataSource: new kendo.data.DataSource({
         data: solucionesModel.data,
         }),
    };

字符串
在我的例子中，odsSoluciones返回一个数组，其中包含“solucionId”和“descripcion”字段，prescDPIntercambio。solucionDPId是我希望看到选中的值

赞(0）回复(0）举报 2023-08-02

bgibtngc3#

Kendo下拉值不反映基于ng-model的选择。相反，它提供了一个新属性：第一个月
对于一个基本的例子，请看一下这个：k-ng-model

赞(0）回复(0）举报 2023-08-02

xzv2uavs4#

只需将k-value = "user.id"添加到模板中即可。
Working Plunker

赞(0）回复(0）举报 2023-08-02

ecbunoof5#

<div ng-controller="AppCtrl">
  <h1>Hello {{ welcome }}!</h1>
  <div>Selected value is {{ user.id }}</div>
  <select kendo-drop-down-list 
          k-options="dropOptions"
          ng-model="user.id"
          value= 3
          class="glow"></select>
</div>

字符串

赞(0）回复(0）举报 2023-08-02

dauxcl2d6#

有一种奇怪的情况，当我声明ng-model作为对象（例如$scope.abc.xyz = "test"）时，绑定有效，而如果我声明$scope.abc = "test"，绑定无效。不知道是什么问题：）

赞(0）回复(0）举报 2023-08-02

pgx2nnw87#

如果有人面临同样的问题。先尝试将k-value-primative="true"添加到下拉列表中。

赞(0）回复(0）举报 2023-08-02