angularjs - 在教初学者AngularJs时，你认为最简单的最小AngularJs 'Hello World'例子是什么-6ren

angularjs - 在教初学者AngularJs时，你认为最简单的最小AngularJs 'Hello World'例子是什么

转载作者：行者123 更新时间：2023-12-01 09:28:00

对于初学者来说，AngularJS 中最简单的“Hello World”是什么。到目前为止，我有这个:

<!DOCTYPE html>
<html>
<head>
</head>
<body>

    <div data-ng-app="">
        {{'Hello World' }}
    </div>
    <script src="angular.js"></script>


</body>
</html>

最佳答案

显示 2 路数据绑定(bind)的最简单的 Hello World

<!doctype html>
<html lang="en" ng-app>
<head>
    <title> Hello World </title>
</head>
<body ng-controller="MainCtrl">
    <h1>{{helloWorld}}</h1>
    <input type="text" ng-model="helloWorld"></input>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script>
    <script type="text/javascript">
    function MainCtrl($scope){
        $scope.helloWorld = "Hello World";
    }
    </script>
</body>
</html>

编辑:解释一下这是什么以及为什么(在我看来)这是一个展示 AngularJS 强大功能的最小 Hello World 应用程序