每天学习一点点,成功增加一大步

angularJs 嵌入 html 式的写法

AngularJS zhanghui 1679℃

这两天突然遇到一个写前端的需求,长时间没有动前端了一下子找不到没有下手的感觉了,而且原本是用 JQUERY 写,但自从接触 angularJs 之后受其影响,这下突然发现 jQuery 的用法在某些场景没有 angularJs 方便。但要动手了又忘记怎么简单的写法,琢磨了大半天的功夫才弄出来,现在记录下,下次用就简单了。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/angular.js/1.7.0/angular.min.js"></script>
</head>
<body ng-app="cApp" ng-controller="cCtrl">
<div class="container">
{{text}}
</div>
<script type="text/javascript">
angular.module('cApp', []).controller("cCtrl", function ($scope, $http, $interval) {
$scope.text = "Hello";
});
</script>
</body>
</html>

 

转载请注明:隨習筆記 » angularJs 嵌入 html 式的写法

喜欢 (0)