HTML ng-controller（下拉菜单）在本地和 JSFiddle 上工作，但不在 Google 站点上答案

【问题标题】：HTML ng-controller (dropdown menu) working locally and on JSFiddle but not on Google SitesHTML ng-controller（下拉菜单）在本地和 JSFiddle 上工作，但不在 Google 站点上
【发布时间】：2022-01-08 13:15:29
【问题描述】：

我的带有 ng-app 的 HTML 网站可以在本地和某些编码网站（如 JSFiddle 和 CodePen）上运行，但不能在 Google 站点、Github、W3 等上运行。

目的是您可以从脚本部分的下拉菜单中选择一种语言（已选择），然后根据选择（已选择['paragraph']）显示相应的段落。但是，在 Google 协作平台上，下拉菜单中没有任何内容，也无法从下拉菜单中选择任何内容，网站只是将{{selected['paragraph']}} 直接显示为文本。

下面和 plunker 中的代码（它工作的地方）：https://plnkr.co/edit/k4YBCyw95wI6fxac?open=index.html;提前谢谢你！

<html ng-app>

<head>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
  <script>
    function langCtrl($scope) {
      $scope.prop = {
        "type": "select",
        "name": "Language",
        "values": [{
          id: 1,
          'lang': "ENGLISH",
          'paragraph': "insert english here"
        }, {
          id: 2,
          'lang': "KOREAN",
          'paragraph': "insert korean here"
        }, {
          id: 3,
          'lang': "SPANISH",
          'paragraph': "insert spanish here"
        }]
      };
      $scope.selected = $scope.prop.values[0]
    }
  </script>
</head>

<body>
  <div ng-controller="langCtrl">
    <h1>
    </h1>
    <select ng-model="selected" ng-options="v.lang for v in prop.values">
    </select>
    <p>
    {{selected['paragraph']}}
    </p>
  </div>
</body>

</html>

【问题讨论】：

标签： html angularjs angularjs-directive

【解决方案1】：

尝试将控制器添加到您的应用中：

 <script>
       var app = angular.module('myApp', []);
       app.controller("langCtrl",function($scope) {
          $scope.prop = {
        "type": "select",
        "name": "Language",
        "values": [{
          id: 1,
          'lang': "ENGLISH",
          'paragraph': "insert english here"
        }, {
          id: 2,
          'lang': "KOREAN",
          'paragraph': "insert korean here"
        }, {
          id: 3,
          'lang': "SPANISH",
          'paragraph': "insert spanish here"
        }]
      };
      $scope.selected = $scope.prop.values[0]
    });
  </script>

【讨论】：