0

同じ tr タグ内に複数の角度コントローラーを追加しようとしています。問題は、クロムがテーブルを書き直して標準化することであり、HTML テーブル階層の tr と td の間に要素がありません。

これが私が現在持っているものです。各色は、呼び出す別のコントローラーを表しています。 ここに画像の説明を入力 最終的な目的は、1 つまたは複数の td の代わりに、または複数の trs に対して異なるコントローラーを使用して、以下のようなテーブルを作成することです。 angular_tr_td

グローバルコントローラーを使用してすべてのデータを処理したり、固定幅の複数の div 要素を使用してこれを実現したりできることはわかっていますが、単一の tr テーブルを使用することをお勧めします。

コードは次のとおりです。

<table>
    <tr>
        <div ng-controller="testController">
            <td>{{testcontrollerscopevalue}}</td> <!-- empty when displayed -->
            <td>{{testcontrollerscopevalue2}}</td> <!-- empty when displayed -->
            <td>{{testcontrollerscopevalue3}}</td> <!-- empty when displayed -->
        </div>
        <div ng-controller="testController2"> 
            <td>{{testcontroller2scopevalue}}</td> <!-- empty when displayed -->
        </div>
    </tr>
</table>

以下の作品：

 <table ng-controller="testController">
        <tr>
            <td>{{testcontrollerscopevalue}}</td> <!-- set when displayed-->
        </tr>
    </table>

クロムが生成するものは次のとおりです。

<body>
<div ng-controller="testController"></div>
<div ng-controller="testController2"></div>
<table>
    <tbody>
    <tr>
        <td>{{testcontrollerscopevalue}}</td> <!-- out of scope-->
        <td>{{testcontrollerscopevalue2}}</td> <!-- out of scope-->
        <td>{{testcontrollerscopevalue3}}</td> <!-- out of scope-->
        <td>{{testcontroller2scopevalue1}}</td> <!-- out of scope-->
    </tr>
    </tbody>
</table>

 <table ng-controller="testController">
        <tbody>
        <tr>
            <td>{{testcontrollerscopevalue}}</td> <!-- set -->
        </tr>
        </tbody>
    </table>

これを達成する方法はありますか？これを機能させるために div の代わりに使用できるタグはありますか? ありがとう、

4

2 に答える 2

1

おそらく次のようにする必要があります。

<td ng-controller="testController2">{{testcontrollerscopevalue}}</td>

本当に必要な場合div：

<td><div ng-controller="testController2">{{testcontrollerscopevalue}}</div></td>
于 2015-09-15T22:49:47.267 に答える