所以,我是AngularJS的新手,我试图在点击另一个之后更改div内容(这个包含一个div,其中包含我想要放在第一个上面的内容)。

HTML

<div ng-controller="dCtrl">
    <ul ng-repeat="product in products">
        <li change>
            {{product.name}}
            <div class="hide">{{product.description}}</div>
        </li>
    </ul>
</div>

<div id="test"></div>

使用Javascript

var app = angular.module("dt", []);

app.directive("change", function() {

    return function(scope, element) {

        element.bind("click", function() {
           var message = element.children("div").text();
           console.log("breakpoint");

           angular.bind("#test", function() {
               this.text(message);
           });
        })
    }
})

app.controller("dCtrl", function($scope) {

$scope.products = [
    { "name" : "Escova XPTO", "description": "Lava tudo num instante"},
    { "name" : "Pasta de Dentes YMZ", "description": "Dentifrico do camandro"}
];

})

我知道我可以说:

$("#test").html(message);

但我仍然对混合jQuery和AngularJS感到困惑,我不知道这是否是一种正确的方法

谢谢

===============>>#1 票数:5 已采纳

设置ng-click:

ngClick用于执行诸如您在更改指令中进行的可怕的jQuery-esque之类的操作。 在您的可点击div的属性中单击ng并单击并传入一个方法,该方法更改由...接受的$ scope变量

ngShowngHide

如果为true,则这些指令(如名称所示)显示或隐藏关联的html对象。 您可以传入$ scope变量来确定布尔值。 当$ scope更新时,这些方法会自动更新DOM以显示/隐藏元素。

  ask by Bruno Teixeira translate from so

未解决问题?本站智能推荐:

2回复

使用AngularJs打印Div内容

在AngularJs应用程序内部,我想在事件发生时将生成的内容注入到printDiv中。 此printDiv的样式设置为,应仅在打印时显示。 下面是代码片段: 在某些事件(如ng-click )(如以下示例)中,它将在控制器上调用函数GenerateContent() 。
1回复

根据内容动态更改div的大小

我有一个角度使用角度滑入div的视图。 我的问题是,内容是动态的,该视图的高度将改变。 如何设置外部div的高度以适合内部div的高度? 另外,我的内部div必须具有位置:absolute,以便使用将视图滑动到适当位置的css滑动类。 另外值得一提的是,如果我登录: 我得到1
3回复

点击div更改网址位置

我想在单击div时更改位置。 下面是代码 下面是我的控制器 为什么警报无法在单击div时起作用
2回复

使用AngularJS将div ID设置为动态ID

我正在尝试使用Bootstrap手风琴来允许单击按钮时展开一段文字。 数据是从JS文件(角度)提取的,但是,我似乎无法弄清楚如何根据JS文件设置div ID。 HTML: 这是JS: 我可以正确显示url,图像,标题的每个条目,但是{{id}}或{{i.id}}的相同应用
1回复

在AngularJS中的选项选择上动态创建div

我正在尝试使用选项选择值动态创建div但是ng-repeat无法正常工作。 让我知道我在这里做错了。 以下是我的HTML代码- 以下是我的Script - PLNKR LINK - http://plnkr.co/edit/UruYYbXrTgxqXadIb8A3?p=p
1回复

AngularJS doclick更改当前div的类

这是我的angularjs doClick函数,单击时我想更改被单击的div的类。 在我的angularjs代码中,我找到了当前的活动类并将其删除。 这工作正常,但我不知道如何更改当前div的类。 如何查找和更改所单击的div的类? (我尝试使用jquery(this)和$(t
2回复

在angularjs的光标位置的内容可编辑div中插入div或自定义指令

我必须在contenteditable div中插入一个自定义指令。 我尝试了这个: 请帮我。 小提琴:-http: //jsfiddle.net/k2SUJ/1/ 这是我尝试过的小提琴演示 。
1回复

在AngularJS中将控制器添加到动态构造的div中

我正在尝试将控制器添加到角度动态创建的div中。 但是,控制器似乎未加载,并且我无法将相应事件添加到click函数。 在下面的示例中,我在称为“ employeeTableCtrl”的单独父控制器中构造了这个div。 在父控制器内,当用户单击“更多信息”按钮时,将构建新的div。 我
1回复

在动态生成的表angularjs中显示/隐藏元素(div)

我在angularJS中创建了一个工作表,如下所示: 对于每个我希望能够动态扩展产品详细信息的元素-当他们单击div显示更多详细信息时,将显示包含产品详细信息的div-当用户再次按下按钮时,包含详细信息的div被隐藏。 我该如何在angularJS中做到这一点。 谢谢
2回复

AngularJS和jQuery-如何在其父级的Click事件上查找子级div的ID?

我有类似HTML的代码: 在controller.js中: 用户单击div标签时,应单击任何span标签。 使用代码,我们可以获取div ID。 但是,我需要知道单击了哪个跨度。 意思是那个跨度的ID。