角度控制器工作异常

时间:2018-12-10 01:10:48

标签: javascript angularjs angular-cli

我是angular的新手,安装angular / cli,我想实现一个控制器以将我的应用程序与sql serve连接,但是没有驱动程序有用,也没有最简单的

   <!DOCTYPE html>
<html ng-app="myApp">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div  ng-controller="myCtrl">
Full Name: {{firstName}}
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
});
</script>

</body>
</html>

enter image description here

1 个答案:

答案 0 :(得分:0)

以上代码与 angularjs 相关,而不与 angular 相关。没有控制器或带角度的示波器。

安装角度cli后,立即运行命令以生成新项目

ng new yourAppName

它将生成一个名为yourAppName的新应用程序,并执行npm启动。

转到您的app.component.ts文件并添加以下两个变量,

firstName = "John";
lastName = "Doe";

和app.component.html

<div>
Full Name: {{firstName}}
</div>

就是这样。