使用Angularjs获取数组中的值并传值到html页面中显示出来

使用Angularjs获取数组中的值并传值到html页面中显示出来,第1张

<!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>

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

直接用就可以,不如ajs包含

var areaServer=[{"id":"6122","name":"神骑世界","order":"1",

"server":[{"id":"34579","name":"所有区服","order":"0","value":"0"}],

"value":"1"},{"id":"6613","name":"狼烟","order":"1",

"server":[{"id":"37952","name":"烽火万里","order":"0","value":"1001"}],"value":"2"}];

再bhtm页面,需要先引用js文件,相对路径绝对路径都可以,但是必须是网络路径,而不是本地路径

<script type="text/javascript" src="ajs"></script>

<script type="text/javascript">

alert(areaServer[0]id);

</script>

URL参数好像只能是文本吧。试试

Post:"urlaspidvalue="+Idvaluearrayjoin('_')

到ASP页再

Idvaluecount=split(requestquerystring("idvalue"),"_")

刚写的 没测试 给你个思路 你参考一下

<form action="aphp" name="from" method="post">

<

for($i=0;$i<10;$i++){

echo "第"($i+1)"题";

for($j=0;$j<4;$j++){

echo "<input type='radio' name='ra[$i]' id='ra[$i][$j]' />";

}

}

>

</form>

<script>

function check_ra(){

var y;

for(var i=0;i<10;i++){

y=0;

for(var j=0;j<4;j++){

if(documentfromra[i][j]checked==true)

y=1;

}

if(y==0){

alert("第"+(i+1)+"题还没选");

break;

}

}

}

</script>

你写的那个每4个radio本身就是一个数组 你把他name写成二维数组 调用的时候那就得用写三维数组了 name后面得[]没必要

如果对您有帮助,请记得采纳为满意答案,谢谢!祝您生活愉快!

post的话是没有办法直接获取得

如果是同一个页面,考虑直接用js函数获取,不提交

如果是不同页面,只能通过ajax变成get方式

get的话,一个正则二是split,具体如下

办法一: 正则

function getAction(name) {

var reg = new RegExp("(^|&)" + name

+ "=([^&])(&|$)", "i");

var r =

windowlocationsearchsubstr(1)match(reg);

if (r != null) return

unescape(r[2]); return null;

}

办法二: split

function getAction() {

var url = locationsearch; //获取url中""符后的字串

var theRequest = new Object();

if (urlindexOf("") != -1) {

var str = urlsubstr(1);

 strs = strsplit("&");

 for(var i = 0; i < strslength; i ++) {

theRequest[strs[i]split("=")[0]]=(strs[i]split("=")[1]);

 }

 }

return theRequest;

}

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<script>

    var arr1=['a','b','c','d']

</script>

<script>

    alert(arr1)

</script>

</head>

<body>

</body>

</html>

直接调用就可以。确保定义数组的那个JS在调用那个JS之前即可。

以上就是关于使用Angularjs获取数组中的值并传值到html页面中显示出来全部的内容,包括:使用Angularjs获取数组中的值并传值到html页面中显示出来、javascript 怎么获取外部文件.js中的数组值.js文件内容、asp如何获取javascript传过来的数组等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存