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

AngularJs-03-数据的双向绑定

2018-03-17 613

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

632

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

772

资源下载

更多资源

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

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

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。