angular 怎么在加载页面之前动态读取数据

angular 怎么在加载页面之前动态读取数据,第1张

var module = angular.module('testApp', [])

.controller('myC',function(){

$scope.ta = [1,2,3,4,5,6]

})

.directive('onFinishRender', function () {

return {

restrict: 'A',

link: function (scope, element, attr) {

if (scope.$last === true) {

element.ready(function () {

$("#r_img").remove()

第一步,在web项目里创建静态页面,并引入AngularJS和Bootstrap框架相关的js和css文件,如下图所示

第二步,在主体内插入div标签元素,并设置ng-app和ng-controller指令,如下图所示:

第三步,在div标签内插入select下拉框,设置id为sel,如下图所示:

第四步,在select中插入option,利用ng-repeat指令遍历循环下拉框数据源,如下图所示:

第五步,编写下拉框数据源,利用datas数组形式,如下图所示:

6

第六步,预览该静态页面,查看一下下拉框效果,如下图所示:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/9623530.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存