Javascript 角度ng模型和控制器赢得'；行不通_Javascript_Angularjs_Scope_Controller_Ng Controller

Javascript 角度ng模型和控制器赢得'；行不通

javascript angularjs

Javascript 角度ng模型和控制器赢得'；行不通,javascript,angularjs,scope,controller,ng-controller,Javascript,Angularjs,Scope,Controller,Ng Controller,我是Angular的新手，我正在尝试使用ng模型和ng控制器使用输入框更改一些文本这个问题是我的初始文本（john）没有显示在页面上。每个教程都说这是一种方法。我是否在component.ts中遗漏了一些导入或声明这是我的密码 var-app=angular.module（'myApp'，[]）应用程序控制器（'myCtrl'，函数（$scope）{ $scope.firstName=“john”； }); {{firstName}} 姓名：但我看不出你在哪。将其添加到代码中例如：

我是Angular的新手，我正在尝试使用ng模型和ng控制器使用输入框更改一些文本

这个问题是我的初始文本（john）没有显示在页面上。每个教程都说这是一种方法。我是否在component.ts中遗漏了一些导入或声明

这是我的密码

var-app=angular.module（'myApp'，[]）
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.firstName=“john”；
});

{{firstName}}
姓名：
但我看不出你在哪。将其添加到代码中
例如：


{{firstName}}
姓名：
var app=angular.module（'myApp'，[]）
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.firstName=“johns”；
});
您忘记将$scope
注入控制器
myApp.controller('myCtrl', ['$scope', function($scope) {
  $scope.firstName = 'john';
}]);

您希望在控制器中具有的任何依赖项（服务、过滤器…）必须注入。
将angular.js
库添加为
元素：

var-app=angular.module（'myApp'，[]）
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.firstName=“john”；
});

{{firstName}}
姓名：
您没有遗漏任何声明，但问题可能是因为您没有在html中包含angular和代码。
试试这个：
    <html>
    <head></head>
    <body ng-app="myApp">

    <div ng-controller="myCtrl">
        <h1>{{firstName}}</h1>
        Name: <input ng-model="firstName">
    </div>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
    <script src="./component.ts"></script> <!--your component file location-->
    </body>
    </html>


{{firstName}}
姓名：