कोणीय js में टैब के साथ डेटपिकर से चयनित तिथि प्राप्त करने में सक्षम नहीं है

मैं टैबसेट तत्वों से डेटकिकर का उपयोग कर रहा हूंकोणीय बूटस्ट्रैप। जब मैं टैब के अंदर डेटपिकर का उपयोग कर रहा हूं और तारीख का चयन करने पर मैं नियंत्रक में चयनित तिथि का सही मूल्य प्राप्त करने में सक्षम नहीं हूं।

यदि मैं टैब निकाल रहा हूं तो मैं वर्तमान में चयनित तिथि प्राप्त करने में सक्षम हूं। कोड प्लंकर में है: http://plnkr.co/edit/dIJRDQUYdrKmChdIt9T2?p=preview

 <form name="form" class="form-horizontal" ng-controller="ctrl">
<tabset>
<tab justified="true">
<tab-heading>
Main
</tab-heading>
<div class="form-group">
<label class="col-xs-2 control-label" for="etaDate">ETA Date</label>
<div class="input-group col-xs-6 col-sm-4 col-md-2">
<input class="form-control" id="etaDate" name="etaDate" type="text" ng-model="eta" datepicker-popup="dd/MM/yyyy" is-open="opened.open" show-weeks="false" />
<span class="input-group-btn">
<button class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
</span>
</div>
</div>
<button ng-click="getdate()">GET DATE</button>
</tab>
</tabset>
</form>

script.js

angular.module("myApp", ["ui.bootstrap"]);
var ctrl = function($scope) {
$scope.opened = {};

$scope.open = function($event) {
$event.preventDefault();
$event.stopPropagation();
$scope.opened.open = true;
};
$scope.eta = new Date();

$scope.getdate = function (){
alert($scope.eta)
};

};

उत्तर:

दो टैब के साथ नीचे काम कर रहे डेमो पा सकते हैं: http://embed.plnkr.co/RkLGqy5zZjfCqlCuuNPF/preview

"टैबसेट" निर्देशिका अपना अलग दायरा बनाती हैअपने स्वयं के गुणों के साथ मुख्य दायरे के अंदर और माता-पिता के गुणों को विरासत में नहीं मिलेगा। इस मुद्दे पर आने के लिए, जैसा कि @charlietfl ने कहा कि हमें एनजी-मॉडल में डॉट (।) का उपयोग करना चाहिए।

बेहतर समझ के लिए, कृपया जाँच करें https://github.com/angular-ui/bootstrap/issues/1553#issuecomment-31980027

या

अधिक संक्षेप में समझाया गया है: https://stackoverflow.com/a/14049482/1252454