angularjs定製過濾器不工作在離子框架

Question

定製filter:searchFilter正常工作正常的HTML這裏是演示http://codepen.io/anon/pen/Oyydxa另一方面相同的功能不工作在離子框架。

<input type="search" placeholder="Search" ng-model="filterName"> 
<ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="leaf in leafs | filter:searchFilter" type="item-text-wrap" href="#/tab/leafs/{{leaf.id}}"> 

過濾

$scope.searchFilter = function(obj) { 
    var re = new RegExp($scope.filterName, 'i'); 
    return !$scope.filterName || re.test(obj.botanical_name) || re.test(obj.en_names) || re.test(obj.ml_names); 
}; 

離子演示http://codepen.io/anon/pen/pjjGWo

不幸的是，console.log($scope.filterName)在我看來，爲空。有沒有解決方案來解決這個錯誤？

Answer 1

嘗試從<div ng-app="ionicApp">容器移動ng-controller="MyCtrl"屬性，到<ion-content>，像這樣：

<ion-content ng-controller="MyCtrl"> 

這裏有一個modified codepen。