angularjs 中的字符串连接与离子应用程序

Question

我是 angular js 和 ionic 的新手。我正在为我的 android 应用程序使用 https://github.com/rajeshwarpatlolla/ionic-datepicker Datepicker。目前卡住了一个点。

我需要的是根据数据对象在页面上动态构建日期选择器。简单的情况下，我知道如何使用Datepicker，但是在动态生成Datepicker时，我不知道该怎么做。

在 ionic datepicker 指令代码之后的正常情况下，我正在使用并且它工作正常。

<ionic-datepicker input-obj="datepickerObject">
    <button class="button icon-left ion-calendar"> {{datepickerObject.inputDate | date:datepickerObject.dateFormat}}</button>
</ionic-datepicker>

但是，在动态生成的情况下，它需要像这样-

// For Start_Date
<ionic-datepicker input-obj="'datepickerObject_Start_Date">
    <button class="button icon-left ion-calendar">
        {{datepickerObject_Start_Date.inputDate | date:datepickerObject_Start_Date.dateFormat}}
    </button>
</ionic-datepicker>

// For End_Date
<ionic-datepicker input-obj="'datepickerObject_End_Date">
    <button class="button icon-left ion-calendar">
        {{datepickerObject_End_Date.inputDate | date:datepickerObject_End_Date.dateFormat}}
    </button>
</ionic-datepicker>

我在 "fieldRowKey" javascript 变量中得到那些 Start_Date 和 End_Date。但是，我无法理解如何在运行时间内连接它。

Ex -
"'datepickerObject_'+fieldRowKey" 
OR 
"{{'datepickerObject_'fieldRowKey}}"

我知道这只是字符串连接的问题，我尝试了很多方法，但没有找到正确的方法。

需要一些指导。

谢谢

代码已更新

而不是在字符串中进行操作，我创建了一个控制器函数，它会做同样的事情 & return 返回 require 字符串。这是代码-

<ionic-datepicker input-obj="getDatePickerObj(fieldRowKey)">
    <button class="button icon-left ion-calendar">
        {{getDatePickerObj(fieldRowKey).inputDate | date:getDatePickerObj(fieldRowKey).dateFormat}}
    </button>
</ionic-datepicker>

控制器功能为-

// Method for creating datepicker obj string
$scope.getDatePickerObj = function(datePickerName){
    var datePickerObjStr = 'datepickerObject_'+datePickerName;
    console.log('datePickerObjStr : '+datePickerObjStr);

    return datePickerObjStr;
}

但是，还是不行-.-

知道了。我在 getDatePickerObj() 函数中做错了。这是更新的版本。

// Method for creating datepicker obj string
$scope.getDatePickerObj = function(datePickerName){
    var datePickerObjStr = 'datepickerObject_'+datePickerName;
    console.log('datePickerObjStr : '+datePickerObjStr);

    return $scope[datePickerObjStr];
}

现在工作正常。

Answer 1

我认为您尝试在运行时连接变量名称是走错了路。

我不太清楚你到底想做什么，但希望以下内容能为你指明正确的方向：

在你的控制器中：

$scope.getDate = function(fieldRowKey) {
    return ...; //return the corresponding date object
};

在你的html中：

<ionic-datepicker input-obj="getDate(fieldRowKey)">

angularjs 中的字符串连接与离子应用程序

String concatenation in angularjs with ionic app

string-interpolation

angularjs

ionic-framework