Question

过去两天我一直在尝试将js文件重新写入typescript。我有一个简单的应用程序，工作正常，现在我只是学习打字稿。所以我这里有两个js文件。有人可以告诉我如何在打字稿中这样做吗？我已经浏览了数千个示例，但大多数只是在组件中使用http（而不是工厂）。我想要实现的是拥有两个不同的文件，一个带有工厂，另一个带有一些实际使用该工厂的组件。这些是js文件：

module.js：

(function () {
"use strict";

var module = angular.module("psShopping", ["ngComponentRouter"]);

module.value("$routerRootComponent", "shoppingApp");

module.factory('products', ['$http', function ($http) {
    return $http.get('/products.json')
           .success(function (data) {
               return data;
           })
           .error(function (data) {
               return data;
           });
}]);}());

购物-list.component.js：

(function () {
"use strict";

var module = angular.module("psShopping");

function controller(products) {

    var model = this;
    model.products = [];

    model.$onInit = function () {
        products.success(function (data) {
            model.products = data;
        });
    };
}

module.component("shoppingList", {
    templateUrl: "shopping-list.component.html",
    controllerAs: "model",
    controller: ["products", controller],
    bindings: {
        "$router": "<"
    }

});}());

请专注于向我展示如何在打字稿中处理此问题。我确定代码本身很好，因为这是一个完美的应用程序的一部分。我只是在学习打字稿，我不知道如何使用这个组件，因为它使用的产品＆＃39;工厂。

使用工厂的angularJS 1.5组件：如何在打字稿中做到这一点？

0 个答案: