Ionic Framework(AngularJS)控制器无法查看声明的ng模型

时间:2015-08-06 17:24:19

标签: javascript angularjs html5 ionic

这是我的HTML Cod

<ion-view view-title="Home" ng-controller="makeOrderController">
    <input type="search" placeholder="Tìm kiếm" ng-model="searchKeyword" ng-change="searchMenu()" >
</ion-view>

这是我的JS代码

....
.controller('makeOrderController', ['$scope', function ($scope) {

    $scope.searchMenu = function ($scope) {
        console.log($scope.searchKeyword);
    }

}]);

呀。当我在搜索文本框中键入时,执行searchMenu()方法,但它引发了错误

Cannot read property 'searchKeyword' of undefined

我搜索了SO,我试过了:

  • $parent.添加到ng-model

  • 或者使用js语句是$ scope.model.searchKeyword。但这些代码不起作用:(

请帮我控制console.log在用户类型上写下更新的关键字。

1 个答案:

答案 0 :(得分:6)

您有2个$scope个变量。因此,最内部$scope采用未定义的偏好。

摆脱那个..

.controller('makeOrderController', ['$scope', function ($scope) {

    $scope.searchMenu = function () {
        console.log($scope.searchKeyword);
    }

}]);

<强> Fiddle