zoukankan      html  css  js  c++  java
  • ng-repeat输出当前值,ng-class的使用

    <style>
    .home{
    color: red;
    background-color:lightblue;
    }
    </style>
    <body>
    <div class="container" ng-controller="c1">
    <span ng-repeat="x in arry">
    <label >
    <input type="radio" id="{{x.id}}" ng-click="shownum(x.num)" name="list" /> {{x.num}}
    </label>
    </span>
    <!--ng-class使用--> 注意这里的home用在双引号中间还要加上单引号
    <h1 ng-class="'home'">
    hello world
    </h1>
    <!--ng-class转换-->
    yes真假切换,控制ng-class选择
    <h3 ng-class="{home:yes}" ng-click="yes=!yes">
    HELLO,ANGULARJS
    </h3>
    <hr/>

    </div>

    <script>
    var app = angular.module('app1', []);
    app.controller('c1', function ($scope) {
    $scope.arry=[
    {
    'id':'liu',
    num:965

    },{
    'id':'luke',
    num:562
    },{
    'id':'jack',
    num:326
    }
    ]
    //点击当前项,输出当前项的值
    $scope.shownum=function(x){
    console.log(x);

    }


    })

    </script>
  • 相关阅读:
    java socket
    eclipse汉化包
    Java中的Integer和int
    linux安装docker
    linux安装maven及配置
    zookeeper入门001
    java-jvm类加载-001笔记
    jvm类加载
    Java中的<< 和 >> 和 >>> 介绍
    linux安装mysql5.7.27
  • 原文地址:https://www.cnblogs.com/liucong7708/p/6472853.html
Copyright © 2011-2022 走看看