argunlar 1.0.1 【数据绑定】

<!DOCTYPE html>
<html lang="en" ng-app>
<head>
    <meta charset="UTF-8">
    <title>hellp</title>
    <script type="text/javascript" src="angular.js"></script>
    <script type="text/javascript" src="controller/helloCtrl.js"></script>
</head>
<body>
    <div ng-controller="HelloController">
        <input ng-model="greeting.text">
        <p>{{greeting.text}},angularJs</p>
    </div>
    <script>
        function HelloController($scope) {
            $scope.greeting = {
                text: "hello world"
            };
        }
    </script>
</body>
</html>

在这个例子里面,我们的ctrl不改动的情况下。让它变成动态的!

现在刚进入界面的时候,控制层会给模型赋予一次值,之后就不会在修改它了。所以默认显示的是 hello world,angularJS

这个时候,在输入框中自己手动修改一些文本,你会发现新奇之处哦!

时间: 2024-10-21 02:53:43

argunlar 1.0.1 【数据绑定】的相关文章

Angular4.0 实现数据绑定举例

function Load() {            $.ajax({                type: "get",                url: "/BizAccount/BizAccountHandle.ashx?Action=GetAccountInfo&Id=" + $("#hdAccountId").val(),                success: function (result) {   

argunlar 1.0.0 【hello,world】

<!DOCTYPE html><html lang="en" ng-app><head>    <meta charset="UTF-8">    <title>hellp</title>    <script type="text/javascript" src="angular.js"></script>    <scri

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

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

Angular 2.0 和 1.x比较

奥斯本效应 Angular团队面临着这样的问题:如何在不影响1.x版本使用的情况下谈论很多2.0的高级新功能.这就是奥斯本效应,上个世纪80年代的电脑公司,终因市场源于而歇业后命名.简而言之,2.0版本听起来越好,就越少有人去使用1.x版本.不同的是,Angular 2.0版本已经可以从github上通过npm install [email protected]2.0.0-alpha.6 得到它了.但是,这个不能用于生产,它还在被大量的修改. Angular 1.x vs. 2.0 为什么Ang

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

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

Struts+HIbernate+Spring

1.Struts 取代JSP中的控制功能,为系统添加独立的控制,采用Struts引入标签,实现JSP与后台JAVA代码的分离,JSP只负责显示,与struts.xml配合实现页面跳转 实现:接收请求,调用业务逻辑组件,返回HTTP响应 Struts中控制器由底层的一个FilterDispatcher(较老)负责实现,FilterDispatcher类负责接收用户的请求并最终转发用户的请求. 在web.xml中配置: <?xml version="1.0" encoding=&qu

C# eval()函数浅谈

<%# Bind("Subject") %> //绑定字段 <%# Container.DataItemIndex + 1%> //实现自动编号<%# DataBinder.Eval(Container.DataItem, "[n]") %>通常使用的方法(这三个性能最好)<%# DataBinder.Eval(Container.DataItem, "ColumnName") %><%# D

ASP.NET Eval四种绑定方式 及详解

1.1.x中的数据绑定语法 <asp:Literal id="litEval2" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "userName")%>' /> 2. 2.x简化Eval数据绑定语法 <asp:Literal id="litEval1" runat="server" Text='<

Asp.Net真分页技术

最近学校要做课题,闲来没事研究了下Asp.net的分页,我使用Repeater进行数据的绑定,每次从数据库读取到8条数据填充到Repeater中,这样搞可以降低数据库的压力,提高效率. 效果图如下: 数据库设计如下: 附加一下代码: <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type&quo