分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

AngularJS学习1-基础知识

发布时间:2023-09-06 02:03责任编辑:傅花花关键词:AngularAngularJS

其实算一篇比较马后炮的知识,有了ng基础看这个会有更深入的认识,但是不适合入门。

AngularJS 应用组成如下:

View(视图), 即 HTML。

Model(模型), 当前视图中可用的数据。
Controller(控制器), 即 JavaScript 函数,可以添加或修改属性。

scope是模型,是View和Controller的纽带。

这里都用//做注释了。因为没法用快捷键

举一个例子

使用js的话,基本只需要关注body里面的东西就好了

<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script></head><body>//声明这个app是myApp,控制器是personCtrl<div ng-app="myApp" ng-controller="personCtrl">//ng-model其实就是声明了一个变量,双向绑定,只要变量的值改了,用到这个变量的地方马上也会改变名: <input type="text" ng-model="firstName"><br>姓: <input type="text" ng-model="lastName"><br><br>//使用了控制器里面定义的方法姓名: {{fullName()}}</div>//在控制器里,通过scope去定义一些操作<script>var app = angular.module(‘myApp‘, []);app.controller(‘personCtrl‘, function($scope) { ???//这个只是初始化的值,这样就不需要什么ng-init了 ???$scope.firstName = "John"; ???$scope.lastName = "Doe"; ???//声明了函数 ???$scope.fullName = function() { ???????return $scope.firstName + " " + $scope.lastName; ???}});</script></body></html

AngularJS学习1-基础知识

原文地址:https://www.cnblogs.com/weizhibin1996/p/9279820.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved