如何使用WCF休息AngularJs

如何使用WCF REST服務來填充下拉列表填充下拉列表：如何使用WCF休息AngularJs

首先，這是我的代碼獲得服務：

service.js

(function (app) { 
app.service("GetCategoryService", function ($http) { 
    this.GetCategory = function() { 
     return $http.get("http://localhost:51458/ServiceRequest.svc/GetCategory/"); 
    }; 
}); 
})(angular.module('entry'));

Entry.Ctrl

(function (app) { 
 
    'use strict'; 
 
    app.controller('entryCtrl', entryCtrl); 
 
    entryCtrl.$inject = ['$scope']; 
 

 
    function entryCtrl($scope) { 
 
     $scope.pageClass = 'page-entry'; 
 
     //To Get Category 
 
     $scope.Category = function() { 
 
      var promiseGet = GetCategoryService.GetCategory(); 
 
      promiseGet.then(function (pl) { $scope.GetCategory = pl.data }, 
 
        function (errorPl) { 
 
         console.log('Some Error in Getting Records.', errorPl); 
 
        }); 
 
     } 
 
    } 
 
})(angular.module('entry'));

這是entry.html

<div class="dropdown"> 
    <select ng-model="Category" ng-options="item.ITEM_TEXT for item in Category"></select> 
</div>

WCF輸出JSON，如： [{"ITEM_TEXT":"INTERNAL APP"},{"ITEM_TEXT":"INTERNAL IT"}]

我不知道怎麼這個傳遞給HTML，我在做什麼像這樣不管用。請幫忙。感謝

來源

2016-12-14 Stfvns

你忘注入在控制器中的服務...是你得到任何具體的錯誤？ – deostroll

沒有任何錯誤。我知道這是缺少注入控制器。但我不知道如何去做 – Stfvns

當我在entryCtrl.js hv errror中添加'$ scope.Category（）;'在ChildScope中沒有定義'GetCategoryService' $ scope.Category' – Stfvns

確保您已設置ng-model不同於array name，也注入了服務到您的控制器，

entryCtrl.$inject = ['$scope', 'GetCategoryService'];

DEMO

var app = angular.module('todoApp', []); 
 

 
app.controller("dobController", ["$scope", 
 
    function($scope) { 
 
    
 
    $scope.Category = [{"ITEM_TEXT":"INTERNAL APP"},{"ITEM_TEXT":"INTERNAL IT"}]; 
 
    } 
 
]);

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

 
<head> 
 
    <title>To Do List</title> 
 
    <link href="skeleton.css" rel="stylesheet" /> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script> 
 
    <script src="MainViewController.js"></script> 
 
</head> 
 

 

 
<body ng-controller="dobController"> 
 
    <select ng-model="selected" ng-init="selected = Category[0]" ng-options="item.ITEM_TEXT for item in Category"></select> 
 
</body> 
 

 
</html>

來源

2016-12-14 07:50:25 Sajeetharan

請使用像這樣的函數編輯.. @Sajeetharan – Stfvns

@Stfvns我沒有得到它 – Sajeetharan

使用像'entryCtrl.js'中的結構。當我使用像你的答案它不是從我的WCF休息服務得到@Sajeetharan – Stfvns

如何使用WCF休息AngularJs

回答

相關問題