角度代码看不到控制器和项目答案

【问题标题】：Angular code not seeing controller and items角度代码看不到控制器和项目
【发布时间】：2016-05-11 22:23:03
【问题描述】：

我是 Angular 的新手，试图用 Angular 创建和 MVC 项目。我创建了一个 about.js 文件，这是其中的代码：

(function () {
    var app = angular.module('myApp', []);

    app.controller('TecknologiesController', function () {
        this.text = tech;
    });
    var tech = {
        name: 'Progamming',
        csharp: 'C#',
        asp: 'ASP .NET',
        xaml:'XAML',
        java: 'java',
        sql: 'SQL',
        plsql: 'PL/SQL',
        xml: 'XML',
        webs: 'Web Services'
    }
})();

我已将脚本标签添加到 _layout.cshtml 文件的正文中，如下所示：

<body>
    <script type="text/javascript" src="angular.min.js"></script>
    <script type="text/javascript" src="About.js"></script>

在我的 About.cshtml 文件中，我有这段代码来显示我的 about.js 中的一项技术项目这是我的代码：

<div ng-app="myApp" ng-controller="TecknologiesController as tech">
    <div>{{tech.text.name}}</div>
</div>

但这对我不起作用。它将 {{tech.text.name}} 打印为文本。我添加脚本标签是错误的还是什么？它在这里工作正常：http://jsfiddle.net/pYh89/1/

【问题讨论】：

页面中是否还有其他脚本错误？ 代码在您提供的 jsfiddle 中运行良好!!!!!
一直在查看脚本错误。你是对的..我的脚本标签定义没有通过。我更正了我的脚本标签，现在一切正常......谢谢

标签： .net angularjs asp.net-mvc

【解决方案1】：

ng-controller="TecknologiesController as tech" 让 'tech' 指向这一点。

我想你想要的是：

(function () {
    var app = angular.module('myApp', []);

    app.controller('TecknologiesController', function () {
        this.tech = tech;
    });
    var tech = {
        name: 'Progamming',
        csharp: 'C#',
        asp: 'ASP .NET',
        xaml:'XAML',
        java: 'java',
        sql: 'SQL',
        plsql: 'PL/SQL',
        xml: 'XML',
        webs: 'Web Services'
    }
})();

还有你的 HTML：

<div>{{tech.tech.name}}</div>

如果 var tech = ... 在你使用它之前被声明和赋值会更好。

你也可以这样：

(function () {
    var app = angular.module('myApp', []);

    app.controller('TecknologiesController', function () {
        var tech = this;
        tech.name = 'Programming;
        tech.csharp = 'C#';
        // etc ...
    });
})();

这将允许您更直接地访问名称

<div>{{tech.name}}</div>

但由于我不知道你真正想要做什么，所以这是我目前能回答的最好的答案。

你的主要问题，我认为你不明白这就是技术所指向的。

【讨论】：