試圖$ scope.data從控制器角度

進入一個參數對象服務在我的index.html我有這樣的：

<input type="text" ng-model="title" placeholder="Search..." > 
<button type="submit" href="#" ng-click="getSearch()">Submit</button> 
<select ng-model="selected" ng-options="obj.val as obj.display for obj in things"></select>

和我的控制器：

$scope.getSearch = function(){ 
    svc.search($scope.selected) 
    .then(function(response){ 
    $scope.searchData = response; 
    }); 
    }; 

$scope.things = [ 
    {display: 'Movie', 
    val: {s: $scope.title}}, 
    {display: 'Series', 
    val: 'series'}, 
    {display: 'Epsiode', 
    val: 'episode'}, 
];

最後我服務：

this.search = function(params){ 
    return $http.get('http://www.omdbapi.com/',params) 
    .then(function(response) { 
    var results = response.data.Search; 
    return results; 
    }); 
    };

好吧，看起來像我差點把它的工作。現在，它的全部工作除了似乎omdbapi不喜歡&編碼的參數。

$scope.getSearch = function(){ 
svc.search($scope.selected()) 
.then(function(response){ 
    $scope.searchData = response; 
}); 


}; 

    $scope.things = [ 
    {display: 'Movie', 
    val: function(){return {'type=movie&s': $scope.title};}}, 
    {display: 'Series', 
    val: function(){return {'type=series&s': $scope.title};}}, 
    {display: 'Epsiode', 
    val: function(){return {'type=episode&s': $scope.title};}}, 
];

而且我們有答案！當然，一旦我發佈了，我想清楚了......一直工作太久。

val: function(){return {type: 'movie',s: $scope.title};}},

來源

2016-02-20 user1490202

你喜歡不喜歡，如果我從下拉菜單和類型的電影名稱在文本框中選擇電影，因此將搜索電影類型化的文字嗎？ –

是的，這是我想要做的。 – user1490202

你有兩個json是分開還是單個json？ –

請嘗試以下我爲你做的。它很容易和感謝好的電影API

<!DOCTYPE html> 
<html ng-app="plunker"> 

<head> 
    <meta charset="utf-8" /> 
    <title>AngularJS Plunker</title> 

    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <script>document.write('<base href="' + document.location + '" />');</script> 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.4.9/angular.js" data-semver="1.4.9"></script> 

</head> 
    <body ng-controller="MainCtrl"> 
     <div class="container"> 
      <div class="row"> 
       <div class="col-lg-3"> 
        <form> 
         <div class="form-group"> 
          <label>Choose type</label> 
          <select class="form-control" ng-model="title"> 
           <option ng-repeat="x in things">{{x.type}}</option> 
          </select> 
         </div> 

         <div class="form-group"> 
          <label>Title (Minimum 2 chars) : </label> 
          <input type="text" ng-model="search_keyword" class="form-control"/>   
         </div> 

         <button class="btn" ng-click="search_movie()"> 
          Search movie 
         </button> 
        </form>  
       </div>    
      </div> 
     </div> 
     <div class="container"> 
      <pre> 
      {{result | json}} 
      </pre>  
     </div> 

    </body> 
</html> 

<script type="text/javascript"> 
    var app = angular.module('plunker', []); 
    app.controller('MainCtrl', function($scope,$http) 
    { 
     $scope.search_keyword = ''; 
     $scope.title = ''; 

     $scope.things = [{type:'movie'},{type:'series'},{type:'episode'}]; 

     $scope.search_movie = function() 
     { 
      console.log($scope.search_keyword+""+$scope.title); 

      $http.get('http://www.omdbapi.com?t='+$scope.title+"&h="+$scope.search_keyword) 
      .then(function(response) 
      { 
       $scope.result = response.data; 
      }); 
     } 

    }); 
</script>

來源

2016-02-20 03:17:34

試圖$ scope.data從控制器角度

回答

相關問題