Question

所以为了让事情变得敏锐，我得到了搜索流（Json）和过滤器是游戏的代码，并且它通过游戏过滤它并且一切正常。

＆＃13;

var app = angular.module('myStream', []);

app.controller('customersCtrl', function($scope, $http) {
  $http.get("https://api.twitch.tv/kraken/streams").then(function(response) {
    $scope.myName = response.data.streams;
    $scope.link = "http://player.twitch.tv/?channel=";
  });
});

＆＃13;

现在我想知道如何做同样的事情（这是ng-model =＆＃34; search.game＆＃34;）并在过滤器中传递它。我尝试使用select这样的东西，但它不起作用，只是不能像上面那样找到传递它的方法。我知道上面的问题解决了它的确有效，但我需要这样做方式或类似的，游戏分类，当选择一个时，它会在过滤器中传递它并仅显示该游戏的流。谢谢。

＆＃13;

<div class="container-fluid"  ng-controller="customersCtrl3">
  <div class="row">
    <div class="col-md-2">
      <!--Sidebar content-->
	  <div id="searchBoxes">
      Search by game: <input type="text" ng-model="search.game">
	  Search by language: <input type="text" ng-model="search.channel.language">
	  </div>
    </div>
	
<div  ng-app="myApp"  ng-controller="customersCtrl"  class="video">
	    <iframe ng-repeat="x in myName | filter:search "
		src="{{link+x.channel.name| trustThisUrl}}"
        height="250" 
        width="320" 
        frameborder="1" 
		autoplay="false"
		preload="no"
        scrolling="no"
        allowfullscreen="true">
    </iframe>
</div>
  </div>
</div>

＆＃13;

AngularJS将ng-model作为过滤器传递

0 个答案: