Angularjs 将下拉值传递给其他控制器_Angularjs

Angularjs 将下拉值传递给其他控制器

angularjs

Angularjs 将下拉值传递给其他控制器,angularjs,Angularjs,首先，我在下拉列表中选择所有类别显示，然后当用户单击该类别时，系统将显示该类别下的所有列表 <select ng-model="movielist" ng-options="cat as cat.name for cat in category"> </select> //display all the category name <p>Category Id: {{movielist.category_id}}</p> /

首先，我在下拉列表中选择所有类别显示，然后当用户单击该类别时，系统将显示该类别下的所有列表

<select ng-model="movielist" ng-options="cat as cat.name for cat in category">           
</select> //display all the category name

<p>Category Id: {{movielist.category_id}}</p> //will display the category id


//显示所有类别名称
类别Id:{movielist.Category_Id}//将显示类别Id

问题：如何将类别id传递给其他控制器以生成数据

这是通过使用ng模型和ng选项自动完成的。变量命名对我来说有点恼火，但代码本身应该可以工作

根据你的建议：

category

是包含所有类别列表的变量

类别具有

category\u id

作为属性

movielist

是写入所选内容的范围变量

因此，在定义如下内容时，示例中的代码起作用：

angular.module("app", []).controller('ctrl', function($scope) {
  $scope.category = [
    { "category_id": 0, "name": "zero" },
    { "category_id": 1, "name": "one" },
    { "category_id": 2, "name": "two" }
  ];
});

请参见此处的工作演示：

我建议使用一些更好的命名，例如

类别

和

选择的类别