2016-08-15 34 views
0

我的角度JS我最后一次面对一个问题,所以我理清这是唯一有约束力的文本框的数据彼此,所以我做到了以下列方式角js中的数据绑定和服务调用?

<div class="inner" ng-app="" ng-init="lastName , firstName , Tel , Email , dept , destination =''"> 
    <input type="text" id="Text1" ng-model="firstName" value='{{ firstName }}' onkeypress="return ignoreNumeric(event);"> 
    <label>Last Name *</label> 
    <input type="text" id="Text2" ng-model="lastName" value='{{ lastName}}' onkeypress="return ignoreNumeric(event);"> 
    <label>First Name *</label> 
    <input type="text" id="Text5" ng-model="firstName" value='{{ firstName }}' onkeypress="return ignoreNumeric(event);"> 
</div> 
<div class="left_w1_fom3 col-lg-3 col-md-3 col-sm-3 col-xs-12"> 
    <label>Last Name *</label> 
    <input type="text" id="Text6" ng-model="lastName" value='{{ lastName}}' onkeypress="return ignoreNumeric(event);"> 
</div> 

等等只要需要结合是新在文本框之间,但我现在在绑定和服务方面面临3个问题,所以很好地帮助我理清?

  1. 如果我将数据加载到一个名称字段动态页面加载,使 为只读它会在其他名称领域 自动填充,但我想如果我改变对他人 的数据字段是静态的对第一场没有影响?如何

  2. 如何调用一个角度js服务来填充地址字段,当我完成填充邮编,街道,城市名称?

  3. 什么是2角绑定在角js和什么是批量复制?

+1

@Khalil 2路结合基本上是这样的http://jsfiddle.net/HEdJF/这是很好的例子。 – Smit

+0

好,但在我的代码中,我只添加了anglar js文件,并没有编码js,因为它仍在工作,因为这个更新的http://jsfiddle.net/HEdJF/1637/ –

+0

都做同样的工作检查最新更新的小提琴,并告诉我的差异,所以我摆脱3点50 $剩余将是大容量复制 –

回答

0

柜面SMIT plnkr链路中断,则同样是这个

<body ng-app="changeExample"> 
<script> 
angular.module('changeExample', []) 
.controller('ExampleController', ['$scope', function($scope) { 
    $scope.change = function() { 
    if($scope.user.zip == 123456) 
    { 
     $scope.user.address = "123 @ SV USA" 
    } 
    }; 
    }]); 
</script> 
<div ng-controller="ExampleController"> 
<div class="inner" ng-app="" ng-init="lastName , firstName , Tel , Email 
    , dept , destination =''"> 
<label>Name *</label> 
    <input type="text" id="Text1" ng-model="user.name" onkeypress="return 
    ignoreNumeric(event);"> 
    <label>ZIP *</label> 
    <input type="text" id="Text2" ng-model="user.zip" ng-change="change()" 
onkeypress="return ignoreNumeric(event);"> 
<label>Address *</label> 
<input type="text" id="Text5" ng-model="user.address" onkeypress="return 
ignoreNumeric(event);"> 
</div>