2016-04-07 11 views
1

私は角度があり、ノックアウトで新しいです。しかし、私はノックアウトを使用してページングでリストを作成することができました。しかし、私はリストを動的にフィルタリングしたいと考えていますが、ユーザーが入力ボックスに角度を使って入力することは可能ですか?
これは私がページングを作成するノックアウトスクリプトです。ノックアウトを使用してリストをフィルタリングしてリストを作成する

<script> 
function formattedPrice(amount) { 
    var price = amount.toFixed(2) 
    return price; 
} 

function StatementViewModel() { 
    var self = this; 

    self.transactions = @Html.Raw(JsonConvert.SerializeObject(Model, new JsonSerializerSettings { ReferenceLoopHandling= ReferenceLoopHandling.Ignore })); 
    self.pageSize = 8; 
    self.currentPage = ko.observable(1); 
    self.lastPage = Math.ceil(self.transactions.length/self.pageSize); 
    self.currentTransactions = ko.computed(function() { 
     var startIndex = (self.currentPage() - 1) * self.pageSize; 
     var endIndex = startIndex + self.pageSize; 
     return self.transactions.slice(startIndex, endIndex); 
    }); 

    self.nextPage = function() { 
     self.currentPage(self.currentPage() + 1); 
    }; 
    self.previousPage = function() { 
     self.currentPage(self.currentPage() - 1); 
    }; 
}; 
ko.applyBindings(new StatementViewModel()); 


スクリプトは、下にユーザタイプながらリストをフィルタ角度スクリプトです。しかし、どのように私はこれら2つを接続するのですか?私は可能ですか?

<script> 
angular.module('myApp', []).controller('namesCtrl', function($scope) { 
    $scope.names = [ 
     'Jani', 
     'Carl', 
     'Margareth', 
     'Hege', 
     'Joe', 
     'Gustav', 
     'Birgit', 
     'Mary', 
     'Kai' 
    ]; 
}); 

答えて

2

それは、角度とノックアウトの両方を使用しても意味がありません。 Angularは2ウェイ・バインドをボックスから外しているので、ノックアウトの代わりにそれを使用してください。

+1

大丈夫、私は角度で作業したことはありませんが、両方の問題に対応できる場合は、それを使用するだけで意味があります。私は角度の構文を見て、ちょうどそれを使う方法を学ばなければならないと思う。 –

関連する問題