Javascript AngularJS-TD元素中title属性中的多个{{}}

我在使用带有multipe{{}的AngularJS显示带有title属性的工具提示时遇到问题。 我在做日历

我有这个：

        <tr ng-repeat="horaire in triPlan(planning)">
            <td>A</td>
            <td class="abraca" ng-click="selectionHoraire(horaire)" ng-repeat="rdv in horaire" data-toggle="tooltip" data-placement="left" 
            title="{{rdv.nom}} is {{rdv.age}} year old">{{rdv.nom}}</td>
        </tr>

我很惊讶地看到它能起作用

title=“{{rdv.nom}}是{{rdv.age}}岁”>{{rdv.nom}

版本之间存在一些差异，我不知道为什么在旧版本中它可以工作，而在新版本中它不能

最后，由于@georgeawg，结果使它能够工作。 它是将两个或多个插值组合成一个（文本为法语，不用担心）：

---

谢谢大家

使用

ng attr title

。 从：

Web浏览器有时会挑剔他们认为对属性有效的值。

如果具有绑定的属性的前缀为ngAttr前缀（非规范化为ng attr-），则在绑定期间，它将应用于相应的未固定属性。这允许您绑定到浏览器急切需要处理的属性

{{rdv.nom}

使用

ng attr title

。 从：

Web浏览器有时会挑剔他们认为对属性有效的值。

如果具有绑定的属性的前缀为ngAttr前缀（非规范化为ng attr-），则在绑定期间，它将应用于相应的未固定属性。这允许您绑定到浏览器急切需要处理的属性

{{rdv.nom}

好的， 多亏了@Dragos-Paul-Marinescu重定向问题，我发现了一些东西

我发现如果我使用1.6.4版的angular.js。工具提示显示不正确，但是如果我使用版本1.2.9的angular.min，它会非常有效

我有这个：

<script type="text/javascript" src="angular.js"></script>

如果我在HTML中添加这个：

<script src="https://code.angularjs.org/1.2.9/angular.min.js"></script>

现在它工作得很好。。。谢谢…但我真的不明白为什么会这样。为什么更高版本的工具提示不起作用？ 我认为把这两条线放在一起让我的应用程序工作是一种肮脏的方式

好的， 多亏了@Dragos-Paul-Marinescu重定向问题，我发现了一些东西

我发现如果我使用1.6.4版的angular.js。工具提示显示不正确，但是如果我使用版本1.2.9的angular.min，它会非常有效

我有这个：

<script type="text/javascript" src="angular.js"></script>

如果我在HTML中添加这个：

<script src="https://code.angularjs.org/1.2.9/angular.min.js"></script>

现在它工作得很好。。。谢谢…但我真的不明白为什么会这样。为什么更高版本的工具提示不起作用？

---

我认为把这两条线放在一起让我的应用程序工作是一种肮脏的方式

将两个插值合并为一个：

<!-- BEFORE
<tr ng-repeat="horaire in triPlan(planning)">
    <td>A</td>
    <td class="abraca" ng-click="selectionHoraire(horaire)" ng-repeat="rdv in horaire" data-toggle="tooltip" data-placement="left" 
    title="{{rdv.nom}} is {{rdv.age}} year old">{{rdv.nom}}</td>
</tr>
-->

<!--AFTER -->
<tr ng-repeat="horaire in triPlan(planning)">
    <td>A</td>
    <td class="abraca" ng-click="selectionHoraire(horaire)" ng-repeat="rdv in horaire" data-toggle="tooltip" data-placement="left" 
    title="{{rdv.nom+' is '+rdv.age+' year old'}}">{{rdv.nom}}</td>
</tr>

A.
{{rdv.nom}}

---

有关详细信息，请参见将两个插值合并为一个：

<!-- BEFORE
<tr ng-repeat="horaire in triPlan(planning)">
    <td>A</td>
    <td class="abraca" ng-click="selectionHoraire(horaire)" ng-repeat="rdv in horaire" data-toggle="tooltip" data-placement="left" 
    title="{{rdv.nom}} is {{rdv.age}} year old">{{rdv.nom}}</td>
</tr>
-->

<!--AFTER -->
<tr ng-repeat="horaire in triPlan(planning)">
    <td>A</td>
    <td class="abraca" ng-click="selectionHoraire(horaire)" ng-repeat="rdv in horaire" data-toggle="tooltip" data-placement="left" 
    title="{{rdv.nom+' is '+rdv.age+' year old'}}">{{rdv.nom}}</td>
</tr>

A.
{{rdv.nom}}

---

---

有关更多信息，请参见

Angular version？可能重复的“我有10个摘要”中止错误，因此很难找到有关标题的错误。（当我让title属性为空时，中止错误仍然存在，但无所谓）。我的Angular版本是1.6.4当您混合使用jQuery和Angular时，您会提出问题。考虑使用与anguljs框架和它的摘要循环正确集成的尝试。尝试将这两个插值组合为：<代码> {{rdv。nOM+′是'+rdv.Acth+ ''岁'} /c>。角度版本。可能的副本有10个摘要中止错误，因此很难找到关于标题的错误。（当我让title属性为空时，中止错误仍然存在，但无所谓）。我的Angular版本是1.6.4当您混合使用jQuery和Angular时，您会提出问题。考虑使用与盎格鲁JS框架和它的摘要循环正确集成的尝试。尝试将这两个插值组合成一个：<代码> {{rdv。nOM+’是'+rdv.Acth+ + 'Acthi'} /Case>。是的，你必须写一些类似于<代码> <代码> > Krakito，也许会有帮助？@DragoşPaul Marinescu我对你的重定向做了一些尝试。而且，我看到角度的版本非常重要。我正在使用angular.js 1.6.4版本，但它不起作用，对于angular.min.js 1.2.9版本来说，它工作得非常完美。@Krakito，这里有一个angular 1.6.4版本的工作提琴：。你在用什么浏览器？@DragoşPaul Marinescu我在我的html页面上尝试了你的代码，它工作得非常好。。。也许是我的桌子把这工作搞混了。。。因为当我将ng attr标题放在TD元素上时，悬停时不会出现工具提示。我使用的是Chrome浏览器，但在你询问后，我尝试了Firefox，结果完全相同……是的，完全一样，你必须编写类似于

@Krakito的东西，也许会有所帮助？@DragoşPaul Marinescu我尝试了一些重定向的方法。而且，我看到角度的版本非常重要。我正在使用angular.js 1.6.4版本，但它不起作用，对于angular.min.js 1.2.9版本来说，它工作得非常完美。@Krakito，这里有一个angular 1.6.4版本的工作提琴：。你在用什么浏览器？@DragoşPaul Marinescu我在我的html页面上尝试了你的代码，它工作得非常好。。。也许是我的桌子把这工作搞混了。。。因为当我将ng attr标题放在TD元素上时，悬停时不会出现工具提示。我用的是Chrome浏览器，但在你问我之后，我用的是Firefox，结果完全一样……这意味着他们在更高版本中改变了一些东西，你需要知道是什么。你现在所做的可能不适用于这种新的变化。降级以使功能正常工作不是一个好主意，最好是使其在最新版本上工作，以避免后续问题。这意味着他们在更高版本中更改了某些内容，您需要了解是什么。你现在所做的可能不适用于这种新的变化。降级以使功能正常工作不是一个好主意，最好使其在最新版本上正常工作，以避免出现问题