如何在AngularJS中制作简单的基本应用程序?

时间:2016-08-24 08:31:51

标签: angularjs

我是AngularJS的新手。我想要两个文本字段输入两个字符串然后按提交按钮然后将它们连接起来然后将它们放在屏幕上。

2 个答案:

答案 0 :(得分:0)

我已经对这个问题进行了投票。

这个问题非常基本,我很确定你还没有尝试任何东西。 您可以在网络上找到的每个初学者教程中介绍了此内容,包括您在angular.ioangularjs.org找到的基本介绍。甚至在他们发布到codeschool.com的链接上。

按照codeschool教程编写基本应用程序。如果您遇到问题,请创建MCVE并使用 M inimal, C 完成, V 可验证< strong> E xample 来说明您的问题。

答案 1 :(得分:0)

尝试这个

<!DOCTYPE html>
<html>

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

<p>Input something in the input box:</p>
<p>String : <input type="text" ng-model="val1" placeholder="Enter somthing here"></p>
<p>String :<input type="text" ng-model="val2" placeholder="enter somthing here"></p>
<button type="button" ng-click="myFunction()">Click Me!</button>
<h1>concat String :{{concat}}</h1>

</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.concat= "";
    $scope.myFunction = function() {
        $scope.concat=  $scope.val1+""+$scope.val2;
    }
});
</script>

</body>

</html>

来自http://www.w3schools.com/angular/default.asp