如何获取html元素id,通过angularjs

如何获取html元素id,通过angularjs,第1张

在angularjs中获取元素的id的方法:

<div id="{{ 'object-' + myScopeObjectindex }}"></div>

这样实际解析后的代码:

<div id="object-1"></div>

这样的id就可以通过document获取了。

这个需要后台来搞的

比如你要跳转的页面是 >

每一组输入框都应该有一个 key,输入框的值就是key对应的value;

在传递数据前,获取到对应的key,value然后转换就好啦;

至于获取值,可以用 ng-model来绑定对象下的变量,如 ng-model="Dataname"、ng-model="Dataage",如果考虑到动态添加,可以借助数组:

首先定义一个controller内的全局变量,var n = 0;(因为你界面有一个),这时,Data的数据结构应为: var Data = [{key: value}]; 绑定时,用ng-model="Data[n]key";

以后每次添加一组,if(n < 10){ ++n; },绑定时仍用ng-model="Data[n]key"; 转换数据值时遍历Data数组就好了!

<!DOCTYPE html>

<html ng-app="test">

<head>

    <title>Freetrial</title>

</head>

<body ng-controller="FreetrialController">

    <div class="xsy" ng-repeat="item in freetrial" ng-if="use('xy0001', 0, item)" id="xy0001">

        <a href="{{itemsdcx()}}"><img src="">{{itemimgurl}}</a>

        <h1>{{itemgoodstitle}} </h1>

    </div>

    <script type="text/javascript" src="/lib/angularminjs"></script>

    <script>

        var app = angularmodule('test', []);

        appcontroller('FreetrialController', function($scope){

            $scopeuse = function(id, status, item){

                var flag = false;

                if(!item || (id === itemgoodsid && status === itemstatus)){

                    flag = true;

                }

                return flag;

            }

            $scopefreetrial = [

                {

                    goodsid:"xy0001",

                    imgurl:"img/178jpg",

                    goodstitle:"好娃娃牌安全椅",

                    quantity:"10份",

                    cost:896,

                    linkt:"sdcx()",

                    status:0

                },

                {

                    goodsid:"xy0002",

                    imgurl:"img/178jpg",

                    goodstitle:"时尚包",

                    quantity:"10份",

                    cost:298,

                    status:1

                },

                {

                    goodsid:"xy0003",

                    imgurl:"img/178jpg",

                    goodstitle:"好娃娃",

                    quantity:"10份",

                    cost:896,

                    linkt:"sdcx()",

                    status:0

                }

            ]

        });

    </script>

</body>

</html>

<!--还可以从数据上着手, 先把数据按照需求重组,再输出到视图-->

以上就是关于如何获取html元素id,通过angularjs全部的内容,包括:如何获取html元素id,通过angularjs、angularjs如何实现多个菜单点击跳转到同一个页面,根据参数不同来动态获取数据、angularjs怎么获取用户输入的值再转换成json传给后他等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9308101.html

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

发表评论

登录后才能评论

评论列表(0条)

保存