时间戳

首页 > 解决方案 > Angular ng-model 和控制器不起作用

javascript - Angular ng-model 和控制器不起作用

问题描述

我对 Angular 很陌生，我正在尝试使用 ng-model 和 ng-controller 使用输入框更改一些文本。

这个问题是我的初始文本（约翰）没有出现在页面上。每个教程都说这是这样做的方法。我是否在 component.ts 的某处遗漏了一些导入或声明？

这是我的代码。

var app = angular.module('myApp', [])
app.controller('myCtrl', function($scope){
    $scope.firstName = "john";
});
<div ng-app="myApp" ng-controller="myCtrl">

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

标签： javascriptangularjsscopecontrollerng-controller

解决方案

我看不出你在哪里包括角度。将其添加到您的代码中。

例子：

        <!DOCTYPE html>
    <html>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    <body>
    
    <div ng-app="myApp" ng-controller="myCtrl">
    
        <h1>{{firstName}}</h1>
        Name: <input ng-model="firstName">
        
    </div>
    
    <script>
        var app = angular.module('myApp', [])
        app.controller('myCtrl', function($scope){
            $scope.firstName = "johns";
        });
    </script>
    </body>
    </html>

推荐阅读