Home > Developer > Web Develop
In ANGULARJS applications, it is common to include modules and controllers in JavaScript files.
<! DOCTYPE html>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<meta http-equiv= "x-ua-compatible" content= "Ie=edge"/>
<meta name= "viewport" content= "width=device-width,initial-scale=1"/>
<!--[If Lt IE 9]>
<script src= "Http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js" ></script>
<script src= "Http://apps.bdimg.com/libs/respond.js/1.4.2/respond.js" ></script>
<! [endif]-->
<title></title>
<meta charset= "Utf-8"/>
<link rel= "stylesheet" href= "Bootstrap-3.3.6-dist/css/bootstrap.min.css"/>
<body>
<div class= "Container" style= "padding:50px" >
<div data-ng-app= "myApp" data-ng-controller= "Myctrl" >
Name: <input type= "text" data-ng-model= "FirstName"/><br/>
Surname: <input type= "text" data-ng-model= "LastName"/>
<p>{{fullname ()}}</p>
</div>
</div>
<script src= "Jquery/jquery-2.1.4.min.js" ></script>
<script src= "Bootstrap-3.3.6-dist/js/bootstrap.min.js" ></script>
<script src= "Http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ></script>
<script src= "Js/myapp.js" ></script>
<script src= "Js/myctrl.js" ></script>
<!--<script>
Angular.module ("myApp", []). Controller ("Myctrl", function ($scope) {$scope. FirstName = "Johe"; $scope. LastName = "Doe"; $scope. FullName = function () {return $scope. firstname+ "" + $scope. LastName}})
</script>-->
</body>
Modules and controllers are included in the JS file
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
