Question

我在将控制器集成到我的页面时遇到了问题。一旦我尝试将其集成，页面就会变成空白。

        <div class="container-fluid" ng-app="ods-widgets" ng-controller="myCtrl" >
          <ods-dataset-context context="cont" cont-domain="https://data.rennesmetropole.fr" cont-dataset="{{dataset}}">
          </ods-dataset-context>
        </div>

<script>    
  var app = angular.module("ods-widgets", []);

  app.controller("myCtrl", function($scope) {
    $scope.dataset= "statistiques-de-frequentation-du-site-rennes-metropole-en-acces-libre";
  });
</script>

没有控制器： http://jsfiddle.net/5c0xr8f4/13/

使用控制器： http://jsfiddle.net/8796ueyL/

ods-dataset-context是组件（https://github.com/opendatasoft/ods-widgets）。这是我通过CDN导入的组件。

我只想控制cont-dataset内的内容

Answer 1

我调查了您在评论中提到的图书馆。看来问题在于ods-widgets已经是通过CDN导入的角度模块。如果使用相同的名称命名自己的角度模块，则实际上将覆盖已导入的现有模块。因此，您要做的就是声明自己的angular模块并导入ods-widgets作为依赖项。您可以查看Fiddle的工作示例，但重要的是这一点：

angular.module("myApp", ['ods-widgets']);

然后在您的HTML中更新ng-app参考：

<div class="container-fluid" ng-app="myApp" ng-controller="myCtrl" >

当我尝试以角度使用控制器时，我的页面变成空白

1 个答案: