Angularjs基础(五)
AngularJS Select(选项框) 你选择的是:{{selectedSite}}实例: 使用ng-options: 你选择的是:{{selectedSite.site}}网址为:{{selectedSite.url}} 当选择值是一个对象时,我们就可以获取更多信息,应用也更灵活。 数据源为对象 你选择的值是:{{selectedSite}}你选择的值在key-value对中的value value 在key-value 对中也可以是个对象; 实例 选择的值在key-value 对的value 中,这是 它是一个对象。 $scope.cars = { car01 : {brand : "Ford",model :"Mustang",color :"red"}, car02 : {brand : "Fiat",model :"500",color :"white"}, car03 : {brand : "Fiat",model :"XC90",color :"black"}, } 在下拉菜单也可以不使用 key-value 对中的 key,直接使用对象的属性: AngularJS 表格 在表格中显示数据 | | |
使用CSS样式
为了让页面更加美观,我们可以在页面中使用CSS
css 样式
使用 orderBy 过滤器
排序显示,可以使用orderBy过滤器:
实例:
使用uppercase 过滤器
使用uppercase过滤器转换为大写
实例
显示序号($index)
表格显示序号可以在
使用$even 和$odd
实例
AngularJS SQL
使用PHP从MySQL 中获取数据
实例:
跨域HTTP请求
如果你需要从不同的服务器(不同的域名)上获取数据就需要使用跨域HTTP请求。
跨域请求在网页上非常常见。很多网页从不同服务器上载入CSS,图片,Js 脚本等。
在现代浏览器中,为了数据的安全,所又请求被严格限制在同一域名下,如果需要调用不同站点数据,需要通过跨域来解决。
以下的PHP代码运行使用的网站进行跨域访问。
header("Access-Control-Allow-Origin: *");
(编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!