AngularJs-03-数据的双向绑定-低调大师

AngularJs-03-数据的双向绑定

2018-03-17 563

<!DOCTYPE html>
<html lang="zh" ng-app="myapp">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <script src="../bower_components/angular/angular.js" type="text/javascript" charset="utf-8"></script>
    <title>AngularJs-数据的双向绑定</title>
</head>
<body ng-init="username='bilaisheng';address='北京';">
    
    <h3>for TestController</h3>
    <ul ng-controller="TestController">
        <li ng-repeat="room in classroom">
            {{room.name}}-->{{room.age}}-->{{username}}-->{{address}}
        </li>
    </ul>
    
    <h3>for TestController2</h3>
    <ul ng-controller="TestController2">
        <li ng-repeat="room in classroom">
            {{room.name}}-->{{room.age}}-->{{username}}-->{{address}}
        </li>
    </ul>
    
    <h3>for ng-bind</h3>
    <div>用户名:<input type="text" ng-model="username" /></div>
    <div>你输入的用户名是：{{username}}</div>
    <div>你输入的用户名是：<span ng-bind="username"></span></div>
    <div>你输入的用户名是：<span class="ng-bind:username"></span></div>
    
    <script type="text/javascript">
        
        // 初始化一个angularjs的代理对象
        var app = angular.module("myapp",[]);
        // for TestController        
        app.controller("TestController",function($scope,$rootScope,$log){
            $scope.classroom=[
                {name:"张三",age:20},
                {name:"李四",age:21},
                {name:"王五",age:22},
                {name:"赵六",age:23}
            ];
            $scope.username="李七";
        });
        
        // for TestController2
        app.controller("TestController2",function($scope,$rootScope,$log){
            $scope.classroom=[
                {name:"张三",age:20},
                {name:"李四",age:21},
                {name:"王五",age:22},
                {name:"赵六",age:23}
            ];
            $scope.username="李七";
        });
        
        
        /**
         * ng-init : 初始化数据
         * ng-repeat: 迭代数组和对象,语法
         * ng-repeat="变量 in 对象/数组" -- 循环
         * eg : <div ng-repeat"变量 in 对象/数组"></div>
         * 
         * AngularJs双向数据绑定: 能够大幅度减少对dom元素的操作.
         */
    </script>
    
</body>
</html>

微信关注我们

原文链接：https://yq.aliyun.com/articles/551302

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Java中使用JNI调用本地动态库的方法

在Java中，要使用动态库，就要使用到 JNI。首先来看看百度百科对JNI的描述：从Java1.1开始，Java Native Interface(JNI)标准成为Java平台的一部分，它允许Java代码和其他语言写的代码进行交互。JNI一开始是为了本地已编译语言，尤其是C和C++而设计的，但是它并不妨碍你使用其他语言，只要调用约定受支持就可以了。使用java与本地已编译的代码交互，通常会丧失平台可移植性。但是，有些情况下这样做是可以接受的，甚至是必须的。例如，使用一些旧的库，与硬件、操作系统进行交互，或者为了提高程序的性能。JNI标准至少保证本地代码能工作在任何Java虚拟机环境下。闲话不说，直接上示例。本例基于Windows平台，首先生成被调用的目的dll动态库：Lib4JNI.dll Lib4JNI动态库中导出了一个add方法。在本例中用JNI去调用。

2018-03-18

585

System.gc()可用于垃圾回收。当使用System.gc()回收某个对象所占用的内存之前，通过要求程序调用适当的方法来清理资源。在没有明确指定资源清理的情况下，Java提高了默认机制来清理该对象的资源，就是调用Object类的finalize()方法。 finalize()方法的作用是释放一个对象占用的内存空间时，会被JVM调用。而子类重写该方法，就可以清理对象占用的资源，该方法没有链式调用，所以必须手动实现。示例如下图所示：从程序的运行结果可以发现，执行System.gc()前，系统会自动调用finalize()方法清除对象占有的资源，通过super.finalize()方式可以实现从下到上的finalize()方法的调用，即先释放自己的资源，再去释放父类的资源。但是，不要在程序中频繁的调用垃圾回收，因为每一次执行垃圾回收，JVM都会强制启动垃圾回收器运行，这会耗费更多的系统资源，会与正常的Java程序运行争抢资源，只有在执行大量的对象的释放，才调用垃圾回收最好。我的GitHub地址： https://github.com/heizemingjun 我的博客园地址： h...

2018-03-18

724

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。