angularjs 当我尝试在angular中使用控制器时，我的页面变为空白

eh57zj3b 于 2023-06-21 发布在 Angular

关注(0)|答案(1)|浏览(154)

我有一个问题与角集成控制器到我的网页。当我试图整合它时，页面立即变成空白。

<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里面的东西

angularjs

来源：https://stackoverflow.com/questions/51655918/my-page-turns-blank-when-i-try-to-use-a-controller-in-angular

1条答案

按热度按时间

62lalag41#

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

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

在HTML中更新ng-app引用：

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

赞(0）回复(0）举报 2023-06-21

我来回答

angularjs 当我尝试在angular中使用控制器时，我的页面变为空白

1条答案

相关问题

热门标签

最新问答