Question

仅呈现html输出和网页的{{10 + 10}}。我不确定自己在做什么错，但我猜这是我的Visual Studio项目中的某些安装类型问题。

(function () {
  var app = angular.module("ShipmentsHome", []);

  var EditShipmentsController = function ($scope) {
    $scope.message = "--Still need to create grid here--";
  };

  app.controller("EditShipmentsController", ["$scope", EditShipmentsController]);
}());

!DOCTYPE html>
<html>

<head>
  <title>Shipments Home</title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.10/angular.min.js"></script>
  <script src="../../lib/home.js"></script>
</head>

  <body ng-app="ShipmentsHome" ng-controller="EditShipmentsController">
    <h1>Product Transfers</h1>
    <p>Create or modify a transfer below:</p>
    <div> {{message}}</div>
    <p>look above for message from controller</p>
    <h2>{{10 + 10}}</h2>



  </body>
</html>

我在控制台中没有看到任何错误。以下是我所看到的：

Answer 1

问题可能出在您的相对路径上。当我用实际的控制器脚本替换脚本源时，它可以正常工作。请检查您的路径并更正。

Answer 2

问题是我正在使用的项目被设置为使用.ts文件而不是.js文件。我需要创建一个项目来使用angularjs而不是打字稿。

在html中调用时，angularJS脚本文件不起作用

2 个答案: