尝试使用 Angular 创建我的第一页。在javascript文件中获取预期的标识符答案

【问题标题】：Trying to create my first page using angular. Getting Expected Indentifier in javascript file尝试使用 Angular 创建我的第一页。在javascript文件中获取预期的标识符
【发布时间】：2017-02-07 09:55:34
【问题描述】：

我正在尝试创建我的第一个角度页面并尝试关注视频。我在 MVC 解决方案中的解决方案，我通过“管理 Nuget 包”添加了 Angular。

在同一个解决方案中，我使用了 MVC，并且能够从实体框架中提取数据来填充下拉列表。所以我决定创建一个 HTML 页面，展示一个使用 Angular 从 EF 中提取数据的示例。

视频展示了如何创建一个 myapp.js

第一行如下：

var myapp = angular.module('myapp', []);

在第一个方括号中显示一个错误，说明预期标识符，并且程序在尝试在该位置运行时停止。

脚本中还有另一个错误，但我想我可能为 angular 配置了错误的东西。在我引用 ng-'anything' 的任何地方，我的 HTML 中也会出现错误，但如果我在前面添加数据，错误就会消失。我不确定这是否与 javascript 中的错误有关，但我希望能找到一些帮助。

我来自网络表单的背景，并试图跟上新技术的步伐。任何帮助将不胜感激！

跟进：

示例视频刚刚展示了在标准 HTML 中制作 Angular 示例。这就是我创建示例的方式，并将解决方案设置为默认启动该页面，这似乎可以正常工作。我不确定这是否与我的问题有关，但这是我的代码：

// MY ROUTE.CONFIG FILE
 
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Routing;
 
namespace MVC_APP1
{
    public class RouteConfig
    {
        public static void RegisterRoutes(RouteCollection routes)
        {
            routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
 
            routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}/{id}",
                defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
            );
        }
    }
}

var myapp = angular.module('myapp'), []);
myapp.controller('maincontroller', fuction($scope,$http)
{
    $http.get('/Company/Index').then(function=(response) {
        $scope.companies=response.data;
    })
 
}

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/angular.js"></script>
    <script src="Scripts/myapp.js"></script>
</head>
<body data-ng.app="myapp">
    <div data-ng-controller="maincontroller">
        <select data-ng-model="s" data-ng-options="Company.Company_Key as Company.Company_Name for Company in companies"></select>
       
    </div>
</body>
</html>

【问题讨论】：

我看不出那一行代码有什么语法错误。
您需要出示您的index.cshtml，以便更好地了解您的 MVC 项目是如何设置的，以及您是如何尝试加载 Angular 的。还有你的路由配置以及家庭控制器或同等设备。
我在上面添加了代码。谢谢你的回复。我很感激我能得到的任何帮助！
@jack：您添加的代码行与您最初提供的描述中的代码行不匹配。代码有错别字。
我想我需要眼镜。谢谢！！！！

标签： angularjs model-view-controller entity-framework-4

【解决方案1】：

提供的代码示例中有几个问题：

“myapp”的声明过早关闭：

var myapp = angular.module('myapp'), []);

并且应该更新为：

var myapp = angular.module('myapp', []);
对$http 的调用应该声明一个函数，而不是尝试将'function'设置为一个值

$http.get('/Company/Index').then(function=(response) { $scope.companies=response.data; })

应该更新到：

$http.get('/Company/Index').then(function(response) { $scope.companies=response.data; });

【讨论】：