2015-12-14 59 views
0

這是我的代碼

http://plnkr.co/edit/8muxhJmvFiIqRJgzuT0O?p=preview

我收到錯誤 未捕獲的錯誤鏈接:未知提供商:$ controllerProvider從productsApp

可以和我在控制檯中查看json文件

index.html

<!DOCTYPE html> 
<html data-ng-app="productsApp" > 
<head> 
    <meta charset="utf-8"> 
    <script data-require="[email protected]" data-semver="1.3.6" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.js"></script> 
        <script type="text/javascript" src="http://demos.amitavroy.com/learningci/assets/js/xml2json.js" charset="UTF-8"></script> 

    <script>document.write('<base href="' + document.location + '" />');</script> 
<script type='text/javascript' src="script.js"></script> 
    <script data-require="[email protected]" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js" data-semver="1.0.8"></script> 
</head> 

    <body > 
<div ng-controller="products"> 
    <div ng-repeat="product in products"> 
     <div ng-repeat="platform in product "> 
     {{platform._type}} 
     </div> 
    </div> 
</div> 
</body> 
</html> 

product_js.js - 爲x2js

var productApp = angular.module("productsApp",[]); 
productApp.factory('productFactory',function($http){ 
    var factory = []; 
    factory.getProducts = function(){ 
     return $http.get("operations_mapping.xml"); 
    } 
    return factory; 
}); 
productApp.controller('products',function($scope,productFactory){ 
    $scope.products = []; 
    loadProducts(); 
    function loadProducts(){ 
     productFactory.getProducts().success(function(data){ 
      mappingss = x2js.xml_str2json(data); 
      console.log(mappingss.mappings.platform); 
      $scope.products =mappingss.mappings.platform; 
     }); 
    } 
}); 
+0

爲什麼'變種工廠= [];'這是一個數組? –

回答

0

看起來您已在頁面上包含多個版本的angular.js腳本,保留最新版本(下文提及)並刪除其餘引用。

<script data-require="[email protected]" data-semver="1.3.14" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js">

Here is the Updated Plunker

+0

Ty for answer!爲什麼會這樣? –

+0

@KennyNguyen:在頁面上有多個版本的angular.js,它是衝突的,請參閱我更新的答案。 – dreamweiver

0

product_js.js js文件不包含在HTML中。添加<script type='text/javascript' src="product_js.js"></script>

相關問題