Angularjs Angular Js：从span获取数据并附加到另一个span中_Angularjs

Angularjs Angular Js：从span获取数据并附加到另一个span中

angularjs

Angularjs Angular Js：从span获取数据并附加到另一个span中,angularjs,Angularjs,大家好，我正在学习Angular，我想从一个跨度中获取数据，并附加到另一个跨度中。请帮我从那里出来。我的密码在这里 <div ng-app="" > <div> Name: <span ng-init="firstName='Ritu'">Ritu</span> Address: <span ng-init="address='Uttam Nagar'">Uttam Nagar</span>

大家好，我正在学习Angular，我想从一个跨度中获取数据，并附加到另一个跨度中。请帮我从那里出来。我的密码在这里

<div ng-app="" >
<div>
      Name: <span ng-init="firstName='Ritu'">Ritu</span>
      Address: <span ng-init="address='Uttam Nagar'">Uttam Nagar</span>
      City: <span ng-init="city='West Delhi'">West Delhi</span>
      State: <span ng-init="state='Delhi'">Delhi</span>
pin: <span ng-init="pin='110045'">110045</span>
<button>Click and Show</button>
</div


姓名：日图
地址：乌坦纳加尔
城市：西德里
国家：德里
pin:110045
点击并显示
我创建了一个plnkr，它可以做你想做的事情。过来看
我使用了ng show指令，它的结果是css显示（块或无）如果你愿意，你可以使用ng，但是ng如果在多次使用时具有性能的影响，你可以找到替代方法，我只是想快速采取行动
html部分
 <body ng-controller="MainCtrl">
          Name: <span ng-init="firstName='Ritu'">Ritu</span>
          Address: <span ng-init="address='Uttam Nagar'">Uttam Nagar</span>
          City: <span ng-init="city='West Delhi'">West Delhi</span>
          State: <span ng-init="state='Delhi'">Delhi</span>
    pin: <span ng-init="pin='110045'">110045</span>
    <button data-ng-click="show=!show">Click and Show</button>
    <div ng-show="show">
    <p>Name <span ng-bind="firstName"></span></p>
<p>Address <span ng-bind="address"></span></p>
<p>City <span ng-bind="city"></span></p>
<p>State <span ng-bind="state"></span></p>
<p>pin <span ng-bind="pin"></span></p>
</div>
  </body>

我创建了一个plnkr，它可以做你想做的事情。过来看
我使用了ng show指令，它的结果是css显示（块或无）如果你愿意，你可以使用ng，但是ng如果在多次使用时具有性能的影响，你可以找到替代方法，我只是想快速采取行动
html部分
 <body ng-controller="MainCtrl">
          Name: <span ng-init="firstName='Ritu'">Ritu</span>
          Address: <span ng-init="address='Uttam Nagar'">Uttam Nagar</span>
          City: <span ng-init="city='West Delhi'">West Delhi</span>
          State: <span ng-init="state='Delhi'">Delhi</span>
    pin: <span ng-init="pin='110045'">110045</span>
    <button data-ng-click="show=!show">Click and Show</button>
    <div ng-show="show">
    <p>Name <span ng-bind="firstName"></span></p>
<p>Address <span ng-bind="address"></span></p>
<p>City <span ng-bind="city"></span></p>
<p>State <span ng-bind="state"></span></p>
<p>pin <span ng-bind="pin"></span></p>
</div>
  </body>

起初，许多使用的ng init指令通常不是最佳实践。
因此，我认为初始化值必须放在控制器中
看看这个。
首先，大量使用的ng init指令通常不是最佳实践。
因此，我认为初始化值必须放在控制器中
检查一下这个。
ng init用于拥有初始数据，但它也会将不必要的逻辑放入模板中
您可以在控制器中执行相同的初始化操作，如：
app.controller('MainCtrl', function($scope) {
  $scope.user = {
   firstName: 'Ritu',
   address: 'Uttam Nagar',
   city: 'West Delhi',
   state: 'Delhi',
   pin: '110045'
}
$scope.show=false;  });

并在视图中绑定用户对象，如下所示：
  <body ng-controller="MainCtrl">
      Name: <span>{{user.firstName}}</span>
      Address: <span>{{user.address}}</span>
      City: <span>{{user.city}}</span>
      State: <span>{{user.state}}</span>
      pin: <span>{{user.pin}}</span>
<button data-ng-click="show=!show">Click and Show</button>
<div ng-show="show">
<p>Name <span ng-bind="user.firstName"></span></p>
<p>Address <span ng-bind="user.address"></span></p>
<p>City <span ng-bind="user.city"></span></p>
<p>State <span ng-bind="user.state"></span></p>
<p>pin <span ng-bind="user.pin"></span></p>
</div>
</body>


名称：{{user.firstName}
地址：{{user.Address}
城市：{{user.City}
状态：{{user.State}
pin:{{user.pin}}
点击并显示
名字
地址
城市
陈述
别针

这简化了代码并保持模板干净
ng init用于拥有初始数据，但它也会将不必要的逻辑放入模板中
您可以在控制器中执行相同的初始化操作，如：
app.controller('MainCtrl', function($scope) {
  $scope.user = {
   firstName: 'Ritu',
   address: 'Uttam Nagar',
   city: 'West Delhi',
   state: 'Delhi',
   pin: '110045'
}
$scope.show=false;  });

并在视图中绑定用户对象，如下所示：
  <body ng-controller="MainCtrl">
      Name: <span>{{user.firstName}}</span>
      Address: <span>{{user.address}}</span>
      City: <span>{{user.city}}</span>
      State: <span>{{user.state}}</span>
      pin: <span>{{user.pin}}</span>
<button data-ng-click="show=!show">Click and Show</button>
<div ng-show="show">
<p>Name <span ng-bind="user.firstName"></span></p>
<p>Address <span ng-bind="user.address"></span></p>
<p>City <span ng-bind="user.city"></span></p>
<p>State <span ng-bind="user.state"></span></p>
<p>pin <span ng-bind="user.pin"></span></p>
</div>
</body>


名称：{{user.firstName}
地址：{{user.Address}
城市：{{user.City}
状态：{{user.State}
pin:{{user.pin}}
点击并显示
名字
地址
城市
陈述
别针

这简化了代码并保持模板干净
最好忘记ng init并在控制器中初始化数据（$scope.firstName=）最好忘记ng init并在控制器中初始化数据（$scope.firstName=）谢谢我想要的工作：）谢谢我想要的工作：）