Question

在我的角度`控制器中有一个对象

var button1 = {
                onClick : resetFn,
                elementText : "Reset",
                extradata : "name = \"hello\""
            };

在我的HTML中，我有类似

的内容

<button  {{button1.extradata}} type="button" ng-click="footer.onClick()">{{button1.elementText}}</button>

button1.elementText正在进行正确评估，但button1.extradata根本没有得到评估。为什么？

修改我想要extradata使我的元素变得灵活。它可以包含任何字符串。

Answer 1

button1.extradata是否始终表示按钮标记中的name属性值。？

如果是，你应该做这样的事情

$scope.button1 = {
                    onClick : resetFn,
                    elementText : "Reset",
                    extradata : "hello"
};

<button  name="{{button1.extradata}}" type="button" ng-click="footer.onClick()">{{button1.elementText}}</button>

Answer 2

Working Plnkr

HTML：

<button  name="{{button1.extradata}}" type="button" ng-click="footer.onClick()">{{button1.elementText}}</button>

JavaScript：

$scope.button1 = {
                onClick : "resetFn",
                elementText : "Reset",
                extradata : "hello" 
            };

您的代码有几个语法错误：

var button1应替换为$scope.button1。
nClick : resetFn应替换为nClick : "resetFn"。
{{button1.extradata}}内的button元素属性应替换为name="{{button1.extradata}}"。

Answer 3

尝试这样的事情

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="@dimen/padding_8dp"
    android:layout_marginLeft="@dimen/padding_4dp"
    android:layout_marginRight="@dimen/padding_4dp"
   >

    <com.skcsllp.mutterfly.views.widgets.MfTextView
        android:id="@+id/tagName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        style="@style/textview"
        android:layout_gravity="center_horizontal"
        android:gravity="center"
        android:textSize="@dimen/text_18"

        android:background="@drawable/selector_tags"
        android:textColor="@color/tags_text_color"

        />

</LinearLayout>

评估角度的独立表达

3 个答案: