jQuery datepicker трудно реализовать в Angular.js

Question

Я новичок в угловых js. У меня есть веб-приложение на этапе разработки

использование углового. Я хочу реализовать datepicker в моей форме.

Pleas см. Мой исходный код ниже.

app.js

myapp.directive('datepicker', function() { 
    return { 
     restrict: 'A', 
     require: 'ngModel', 
     link: function (scope, element, attrs, jsCtrl) { 
      element.datepicker({ 
       dateFormat: 'DD, d MM, yy', 
       onSelect: function (date) { 
        jsCtrl.$setViewValue(date); 
        scope.$apply(); 
       } 
      }); 
     } 
    }; 
}); 

jsCtrl

var ProfileWebModel = { 
    Name: 'Test Customer', 
    Email: 'customer@wifi.com', 
    Password: '111111', 
    ConfirmPassword: '111111', 
    DOB: 'DOB', 
    Address: 'xxxx', 
    City: 'Ernakulam', 
    Country: 'India', 
    Pincode: '683212', 
    Phone: '9998989892' 

} 
    $scope.setViewValue = function (value) { 

    ProfileWebModel.DOB = value; 

} 

DatePicker является renderd правильно. Но когда я выбираю дату в DatePicker,

webpage перейти на другую страницу. Нужна ли какая-либо конфигурация маршрута?

Пожалуйста, помогите.

Answer 1

Проблема с навигацией связана с событием клика href, которое не было уловлено от размножения. Вы можете подключиться с помощью jquery и добавить event.stopImediateprogagation? http://api.jquery.com/event.stopimmediatepropagation/