Angular4.0 实现数据绑定举例

function Load() {
            $.ajax({
                type: "get",
                url: "/BizAccount/BizAccountHandle.ashx?Action=GetAccountInfo&Id=" + $("#hdAccountId").val(),
                success: function (result) {
                    if (result.State == "100000") {
                        //绑定用户信息
                        //var userTemplate = document.getElementById(‘js-template-accountInfo‘).innerHTML;
                        //var userTempFn = doT.template(userTemplate);
                        //var userHtml = userTempFn(result.Data);
                        //$(".Header").html(userHtml);
                        $("#UserName").text(result.Data.FBelongName);
                        if (result.Data.BusinessTypeList && result.Data.BusinessTypeList.length > 0) {
                            var businessTemplate = document.getElementById(‘js-template-businesstypeinfo‘).innerHTML;
                            var businessTempFn = doT.template(businessTemplate);
                            var businessHtml = businessTempFn(result.Data.BusinessTypeList);
                            console.log(result.Data.BankSupportEntryList);
                            $(".MainContain .navigation .nav").html(businessHtml);
                            $(".MainContain .navigation .nav .BusinessType:first").addClass("cuur");
                            var currentTypeId = GetCurrentTypeId();
                            LoadChannelFeeList(currentTypeId);//手续费注释
                        }
                        $("#BelongBusinessName").text(result.Data.FBelongBusinessName);
                        // console.log("ccm:" + result.Data.FBelongBusinessName + "===" + $("#BelongBusinessName").text());
                    } else {
                        alert(result.Message);
                    }
                }
            })
        }

时间: 2024-08-30 02:27:44

Angular4.0 实现数据绑定举例的相关文章

Angular4.0入门

angular与其他的差别 angular cli安装 cnpm install -g @angular/cli 最新版本 cnpm uninstall -g @angular/cli 卸载全局版本 npm install -g @angular/[email protected] 指定版本 环境报错 ionic的安装 cnpm install -g cordova ionc 如果报错 npm install @ionic/[email protected] --save-dev 项目解决问题

angular4.0和angularJS、react.js、vue.js的简单比较

angularJS特性 模板功能强大丰富(数据绑定大大减少了代码量) 比较完善的前端MVC框架(只要学习这个框架,按照规定往里面填东西就可以完成前端几乎所有的的问题) 引入了Java的一些概念 angularJS的一些问题 性能问题[(脏检查机制)在angular中被废除了,整体性能被提升 路由问题[(使用的是第三方模块)在angular中路由器是主要的机制 作用域问题[(不能用原生的事件,想用就要调用一个方法)在angular中任何原生的事件都可以直接处理 表单验证问题[在angular中提供

Angular4.0踩坑之路:探索子路由和懒加载

参考文章: Angular4路由快速入门  http://www.jianshu.com/p/e72c79c6968e Angular2文档学习的知识点摘要--Angular模块(NgModule)http://lib.csdn.net/article/angularjs/59697?knId=641 随着需求的增加,项目的功能也渐渐复杂起来.这个时候,需要将项目模块化,将组件.指令和管道打包成内聚的功能块,正好可以探索一下Angular4中的子路由以及模块的懒加载. 之前在开发的时候,已经在根

angular4.0 路由守卫详解

在企业应用中权限.复杂页多路由数据处理.进入与离开路由数据处理这些是非常常见的需求. 当希望用户离开一个正常编辑页时,要中断并提醒用户是否真的要离开时,如果在Angular中应该怎么做呢? 其实Angular路由守卫属性可以帮我们做更多有意义的事,而且非常简单. Angular 的 Route 路由参数中除了熟悉的 path.component 外,还包括四种是否允许路由激活与离开的属性. canActivate: 控制是否允许进入路由. canActivateChild: 等同 canActi

Angular4.0安装及创建第一个项目

Angular简介 AngularJS 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.AngularJS有着诸多特性,最为核心的是:MVW(Model-View-Whatever).模块化.自动化双向数据绑定.语义化标签.依赖注入等等. AngularJS 是一个 JavaScript框架.它是一个以 JavaScript 编写的库.它可通过 <script> 标签添加到HTML 页面. Angu

Angular4.0环境搭建

1.安装nodejs 先装nodejs,如果你的电脑已经装过了,最好确认是比较新的版本,否则可能会出问题 没有安装的直接去nodejs官网下载nodejs安装. 下载地址:https://nodejs.org/en/download/ 安装过程很简单,官网有教程. 安装完成后,打开cmd 输入node -v 看看node.js安装版本 2.安装cnmp 由于Angular CLi的一些资源被墙掉了,所以这里我们使用淘宝的镜像去下载安装,否则会很慢并且很容易出问题. 淘宝镜像:https://np

AngularJs学习笔记2-控制器、数据绑定、作用域

上次分享完该系列文章后有朋友也建议说1.x版本除了维护也没有必要学习,可以学习2.0开始学习,我也知道1.x无论是从性能还是架构上都没有2.x好,但是我想因为现在也有一些朋友还在用1.x版本,因为1.x升级到2.x难度很大,甚至可以说重构,就向我们公司现在还在用1.x版本,所以我还是决定把这系列写完,也给自己一个整理的过程.本人现在也正在学习Angular4.0版本的学习,但是4.0用typescript及nodejs集成比较大,还有学习angular-cli脚手架的学习,所以等我学会以后准备在

WPF下递归生成树形数据绑定到TreeView上

最终效果图:(用于学习类的效果 图片丑了点,看官莫怪) 新建窗体 然后在前端适当位置插入如下代码: <TreeView x:Name="departmentTree" Height="500" Width="500"> <TreeView.ItemTemplate> <HierarchicalDataTemplate ItemsSource="{Binding Nodes}"> <St

《GK101任意波发生器》升级固件发布(版本:1.0.2build851)

一.固件说明: 硬件版本:0,logic.3 固件版本:1.0.2.build851 编译日期:2015-06-26 ====================================== 二.固件版本说明: 1.修复bug : 标准函数界面,点击右下方按钮时界面假死(当前波形为非方波,非三角波) 方波的频率设定为10KHz-1MHz,波形抖动问题 2.增加功能 增加远程控制功能,并通过SCPI命令实现对设备的远程控制(目前仅支持function.apply两个命令) 3.请解压 参考命令