jquery - 如何使用 AngularJS 中的 ng click 获取 <div> 元素的文本值并将其显示在另一个 div 中

标签 jquery html angularjs angularjs-directive angularjs-scope

单击单击按钮时,ng-model=name 中的文本应该反射(reflect)在 <h2> 中标签。

<div ng-model="name">This is a text</div> 
<button ng-click="getname()">Click</button>
<h2>{{name}}</h2>

最佳答案

试试这个:

<div ng-controller="dummy">
   <div ng-bind="name"></div> 
   <button ng-click="nameCopied=name">Click</button>
   <h2 ng-show="nameCopied" ng-bind="nameCopied"></h2>
<div>

使用这个 Controller 代码:

app.controller('dummy', function($scope) {
  $scope.name = "The text in first div";
  $scope.nameCopied = '';
});

引用这个 Plunkr:http://plnkr.co/edit/5qwwe05CD3JTEbjAYi3m?p=info

关于jquery - 如何使用 AngularJS 中的 ng click 获取 <div> 元素的文本值并将其显示在另一个 div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33953934/

相关文章:

javascript - 如何使用 jQuery 和乘法行和列创建 HTML 表格

Javascript - 未捕获的类型错误 : Property '$' of object [object Object] is not a function

jQuery显示隐藏内容,然后自动滚动到内容的中间

c# - Jquery Accordion : How do I get rid of these scroll bars for good?

javascript - 异步加载特定 CSS,并在加载时删除等待消息

html - 使用 div 创建内容容器

html - 如何避免css文件中的ID名称

angularjs - Protractor 测试没有测试和断言输出,而只有规范

ruby-on-rails - AngularJS和Rails路由错误

javascript - AngularJS:类型错误:无法设置未定义的属性