Question

我的controller.js文件

function ServicesCtrl($scope) {
    console.log("Hello From ServicesCtrl");
    $scope.message = "Hello";       
}

index.html文件

<html>
<head>
    <title>The MEAN Stack</title>
    <link href="css/bootstrap.css" rel="stylesheet" />
    <script src="js/angular.min.js"></script>
    <script src="features/services/controller.js"></script>
</head>

<body ng-app="">
    <div class="container" ng-controller="ServicesCtrl">
        <h1>Service Client Maker</h1>
        {{message}}
    </div>
</body>
</html>

它没有显示我的消息。 controller.js文件不可访问

Answer 1

很明显，您正在尝试将控制器定义为简单的js函数。但是，它的工作方式不同。
你必须在像这样的java脚本变量中初始化一个角度应用程序，

=TRIM(RIGHT(SUBSTITUTE(A2," ",REPT(" ",LEN(A2))),LEN(A2)))

并通过js变量“app”来处理整个角度应用程序。

我强烈建议您完全阅读以下教程..然后，开始创建应用程序..

https://www.tutorialspoint.com/angularjs/angularjs_mvc_architecture.htm http://www.w3schools.com/angular/default.asp

Answer 2

您必须定义角度应用程序及其模块。

var app = angular.module('myApp');

app.controller('serviceController', function() {
    $scope.message = "Nice, I now know how to create an angular app";
})

您现在可以在您的页面上访问它了：

<body ng-app="myApp">...
    <div ng-controller="serviceController">...
        {{message}}

这可以帮助你，因为你开始使用角度。

Answer 3

这是这个例子定义您的控制器名称（controller.js）

struct String0
{
    constexpr auto operator()() const noexcept
    {
        return "some string 0";   
    }
};

struct String1
{
    constexpr auto operator()() const noexcept
    {
        return "some string 1";   
    }
};

class Words : public Base<String0, String1> { /* ... */ };

定义您的应用名称（index.html）

var app = angular.module('myApp', []);
app.controller('ServicesCtrl', function($scope) {
    $scope.message = "Hello";
});

我的功能是不访问controller.js

3 个答案: