javascript - 来自 select 的 ng-model 未定义

Question

我有一个 html 格式的选择框，其中包含一些从 ng-repeat 生成的选项。

<select ng-model="pageId" ng-change="setFacebookPage()">
    <option ng-repeat="page in pages" ng-value="page.id"> {{page.name}}</option>
</select>

行得通。值和选项显示正确。但是我想在我的函数 setFacebookPage() 中获取 pageId 的值，这就是它出错的地方，因为 pageId 在 Controller 中未定义!

$scope.setFacebookPage = function(){
    console.log("setFacebookPage", $scope.pageId);
}

但是当我更改 pageId 的值时，我可以看到它的值是 {{pageId}}。

我试图将它的值作为函数中的参数，如 setFacebookPage(pageId)，但这也给了我一个未定义的。

这是什么原因，我该如何解决？

Answer 1

您的代码中存在小错误。

• 使用select元素
• 属性之间不允许有逗号

因此，将您的代码更新为以下内容

 <select ng-model="pageId" ng-change="setFacebookPage()">
     <option ng-repeat="page in pages" ng-value="page.id"> {{page.name}}</option>
 </select>

你可以调整 here