ng-repeat не выполняется, если я использую код JQuery в скрипте
0
Я попытался выполнить приведенный ниже код и не получить желаемый результат. Мне нужно проверить дату начала и дату окончания, а начало и конец программы должны быть между фактической датой начала и датой окончания. теперь я получил вывод для проверки даты, но код ng-repeat не работает. В конце концов, помогите мне в этом.
enter code here
<!doctype html>
<html>
<head>
Resource Tracker
</head>
<title>
Resource Tracker
</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"
type="text/javascript"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="Stylesheet"type="text/css"/>
<script type="text/javascript">
$(function () {
$("#txtFrom").datepicker({
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() + 1);
$("#pgmFrom").datepicker("option", "minDate", dt);
$("#txtTo").datepicker("option", "minDate", dt);
$("#pgmTo").datepicker("option", "minDate", dt);
}
});
$("#pgmFrom").datepicker({
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() + 1);
$("#pgmTo").datepicker("option", "minDate", dt);
}
});
$("#pgmTo").datepicker({
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() - 1);
$("#pgmFrom").datepicker("option", "maxDate", dt);
}
});
$("#txtTo").datepicker({
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() - 1);
$("#pgmFrom").datepicker("option", "maxDate", dt);
$("#pgmTo").datepicker("option", "maxDate", dt);
}
});
});
var app = angular.module("myapp", []);
app.controller("ListController", ['$scope', function($scope) {
$scope.employeeDetails = [
];
$scope.addNew = function(employeeDetail){
$scope.employeeDetails.push({
'empid': "",
'fname': "",
'lname': "",
'stream':"",
'location':"",
'resourcetype':"",
'programname':"",
'ssstartdate':"",
'programstartdate':"",
'programenddate':"",
'releasedate':""
});
};
$scope.remove = function(){
var newDataList=[];
$scope.selectedAll = false;
angular.forEach($scope.employeeDetails, function(selected){
if(!selected.selected){
newDataList.push(selected);
}
});
$scope.employeeDetails = newDataList;
};
$scope.checkAll = function () {
if (!$scope.selectedAll) {
$scope.selectedAll = true;
} else {
$scope.selectedAll = false;
}
angular.forEach($scope.employeeDetails, function(employeeDetail) {
employeeDetail.selected = $scope.selectedAll;
});
};
}]);
</script>
<body ng-app="myapp" ng-controller="ListController">
<div class="container">
<form ng-submit="addNew()">
<table class="table" style="width: 100%">
<thead>
<tr style="width:100%">
<th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th>
<th>Employee Id</th>
<th>Firstname</th>
<th>Lastname</th>
<th>Stream</th>
<th>Location</th>
<th>Resource Type</th>
<th>Program Name</th>
<th>SS Start Date</th>
<th>Program Start Date</th>
<th>Program End Date</th>
<th>Release Date</th>
</tr>
</thead>
<tbody ng-repeat="employeeDetail in employeeDetails">
<tr>
<td >
<input type="checkbox" ng-model="employeeDetail.selected"/></td>
<td>
<input type="text" class="form-control" ng-model="employeeDetail.empid" maxlength="6" /></td>
<td>
<input type="text" class="form-control" ng-model="employeeDetail.fname" /></td>
<td>
<input type="text" class="form-control" ng-model="employeeDetail.lname" /></td>
<td>
<select class="form-control" ng-model="employeeDetail.stream" />
<option value="O2A">O2A</option>
<option value="billing">Billing</option>
<option value="TOSCA">TOSCA</option>
<option value="NFT">NFT</option>
</select>
<td>
<select class="form-control" ng-model="employeeDetail.location" />
<option value="onshore">Onshore</option>
<option value="offshore">OffShore</option>
</select>
</td>
<td>
<select class="form-control" ng-model="employeeDetail.resourcetype" />
<option value="core">Core</option>
<option value="hold">Hold</option>
</select>
</td>
<td>
<input type="text" class="form-control" ng-model="employeeDetail.programname" /></td>
<td>
<input type="text" id="txtFrom" class="form-control" pick-a-date="curDate" ng-model="employeeDetail.ssstartdate" /></td>
<td>
<input type="text" id="pgmFrom"class="form-control" ng-model="employeeDetail.programstartdate" /></td>
<td>
<input type="text" id="pgmTo" class="form-control" ng-model="employeeDetail.programenddate" /></td>
<td>
<input type="text" id="txtTo" class="form-control" ng-model="employeeDetail.releasedate" /></td>
</tr>
</tbody>
</table>
<div class="form-group">
<input ng-hide="!employeeDetails.length" type="button" class="btn btn-danger pull-right" ng-click="remove()" value="-">
<input type="submit" class="btn btn-primary addnew pull-right" value="+">
</div>
</form>
</div>
</body>
<html>
-
0Вы проверили свою консольную ошибку.Kumar Rakesh
-
0да, Кумар Показывает «Uncaught reference error: Angular не определен»Jnanesh
Показать ещё 4 комментария
1 ответ
0
<html>
<head>
Resource Tracker
</head>
<title>
Resource Tracker
</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="Stylesheet"type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"
type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#txtFrom").datepicker({
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() + 1);
$("#pgmFrom").datepicker("option", "minDate", dt);
$("#txtTo").datepicker("option", "minDate", dt);
$("#pgmTo").datepicker("option", "minDate", dt);
}
});
$("#pgmFrom").datepicker({
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() + 1);
$("#pgmTo").datepicker("option", "minDate", dt);
}
});
$("#pgmTo").datepicker({
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() - 1);
$("#pgmFrom").datepicker("option", "maxDate", dt);
}
});
$("#txtTo").datepicker({
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() - 1);
$("#pgmFrom").datepicker("option", "maxDate", dt);
$("#pgmTo").datepicker("option", "maxDate", dt);
}
});
});
var app = angular.module("myapp", []);
app.controller("ListController", ['$scope', function($scope) {
$scope.employeeDetails = [
];
$scope.addNew = function(employeeDetail){
$scope.employeeDetails.push({
'empid': "",
'fname': "",
'lname': "",
'stream':"",
'location':"",
'resourcetype':"",
'programname':"",
'ssstartdate':"",
'programstartdate':"",
'programenddate':"",
'releasedate':""
});
};
$scope.remove = function(){
var newDataList=[];
$scope.selectedAll = false;
angular.forEach($scope.employeeDetails, function(selected){
if(!selected.selected){
newDataList.push(selected);
}
});
$scope.employeeDetails = newDataList;
};
$scope.checkAll = function () {
if (!$scope.selectedAll) {
$scope.selectedAll = true;
} else {
$scope.selectedAll = false;
}
angular.forEach($scope.employeeDetails, function(employeeDetail) {
employeeDetail.selected = $scope.selectedAll;
});
};
}]);
</script>
<body ng-app="myapp" ng-controller="ListController">
<div class="container">
<form ng-submit="addNew()">
<table class="table" style="width: 100%">
<thead>
<tr style="width:100%">
<th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th>
<th>Employee Id</th>
<th>Firstname</th>
<th>Lastname</th>
<th>Stream</th>
<th>Location</th>
<th>Resource Type</th>
<th>Program Name</th>
<th>SS Start Date</th>
<th>Program Start Date</th>
<th>Program End Date</th>
<th>Release Date</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="employeeDetail in employeeDetails">
<td >
<input type="checkbox" ng-model="employeeDetail.selected"/></td>
<td>
<input type="text" class="form-control" ng-model="employeeDetail.empid" maxlength="6" /></td>
<td>
<input type="text" class="form-control" ng-model="employeeDetail.fname" /></td>
<td>
<input type="text" class="form-control" ng-model="employeeDetail.lname" /></td>
<td>
<select class="form-control" ng-model="employeeDetail.stream" />
<option value="O2A">O2A</option>
<option value="billing">Billing</option>
<option value="TOSCA">TOSCA</option>
<option value="NFT">NFT</option>
</select>
<td>
<select class="form-control" ng-model="employeeDetail.location" />
<option value="onshore">Onshore</option>
<option value="offshore">OffShore</option>
</select>
</td>
<td>
<select class="form-control" ng-model="employeeDetail.resourcetype" />
<option value="core">Core</option>
<option value="hold">Hold</option>
</select>
</td>
<td>
<input type="text" class="form-control" ng-model="employeeDetail.programname" /></td>
<td>
<input type="text" id="txtFrom" class="form-control" pick-a-date="curDate" ng-model="employeeDetail.ssstartdate" /></td>
<td>
<input type="text" id="pgmFrom"class="form-control" ng-model="employeeDetail.programstartdate" /></td>
<td>
<input type="text" id="pgmTo" class="form-control" ng-model="employeeDetail.programenddate" /></td>
<td>
<input type="text" id="txtTo" class="form-control" ng-model="employeeDetail.releasedate" /></td>
</tr>
</tbody>
</table>
<div class="form-group">
<input ng-hide="!employeeDetails.length" type="button" class="btn btn-danger pull-right" ng-click="remove()" value="-">
<input type="submit" class="btn btn-primary addnew pull-right" value="+">
</div>
</form>
</div>
</body>
<html>
Umair Farooq
Поделиться
-
0нет farooq, не работает
-
0В код, который вы вставили, вы не включили файл angular.js. Вот почему ng-repeat не может работать, потому что оно является частью angular. Сначала включите файл jquery, а затем включите угловой файл. А затем снова запустите код
Показать ещё 2 комментария
Ещё вопросы
- 0разделить постоянную переменную между моделью рельсов и контроллерами angularjs
- 1Java: независимая запись звука с 2 разных микрофонных входов
- 0Ошибка отладки в визуальной студии
- 1Ошибка «закрыто гнездо» при попытке отправить / получить jxrpc через поток сокета
- 0Вторая строка повреждена после нескольких вызовов realloc
- 0Разве Redis не должен кэшировать записи в БД?
- 0Как издеваться над угловым сервисным методом, который принимает параметр
- 1SQL Trigger с Entity Framework
- 0PHP require_once не работает для нижнего колонтитула
- 1Не могу найти `fun Cursor.getString (columnName: String): реализация String`
- 0Вставьте строку JSON в таблицу
- 0Если элемент списка имеет дочерний список, добавьте стиль CSS
- 0Сделайте все экземпляры части слова курсивом
- 0file_get_contents на время ожидания при запуске на том же сервере, что и цель
- 0Различия между $ _POST и $ _GET PHP на стороне клиента AngularJS
- 1Ткинтер лучшие фоны
- 0Ошибка токена для ApsaraDB для RDS (MySQL) при изменении настроек белого списка в облаке Alibaba
- 1Чтение из firebase внутри облачной функции
- 0Плагин Addthis: открыть addcis на клике
- 0Предназначайтесь для всех следующих детей родного брата
- 0Chrome показывает Access Control Allow Origin ошибка
- 0почему ссылки cdn ставятся внизу индексного файла
- 1Сбой 'npm install bcrypt' в 64-битной Ubuntu 17.04
- 1Читает ли python csv.reader весь файл в память?
- 1Не определено в Sails js «Неправильные атрибуты отправлены на неопределенное»
- 0Хранение типа класса в файле
- 0Выполнение модуля C ++ CGAL, который вызывается из Python
- 0Как Javascript взаимодействует с HTML через document.getElementById?
- 0Angular 1.x, ES5 / ES6 и тестирование с Karma
- 1showSoftInputFromInputMethod устарела для Android P API 28
- 1Генерация случайного изображения JPG из консольного приложения
- 0Как провести модульное тестирование следующей функции в жасмине?
- 0Как правильно выровнять то, что изменяет размеры в определенном месте
- 1Составление листа Excel с использованием Python и Matplotlib?
- 1Найти объект через окно поиска с помощью Cesium Js
- 0Перебирая список, только перебирая li с определенным классом?
- 1Класс GMS Task <TResult>: может ли getResult () вернуть нуль, если isSuccessful ()?
- 1Как найти источник сбоев типа java.lang.RuntimeException: Parcel android.os.Parcel@####: Отмена указания неизвестного кода типа XXXX со смещением YYY
- 1Обязательны ли определения типов для пакетов npm только на компьютере разработчика?
- 1вернуться в исходное состояние при снятии флажка
- 0Статические методы создания в Boost Python
- 0Невозможно загрузить файл на сервер (AngularJS и Perl)
- 0Qt: Выйти из приложения -> контрольный список для правильной очистки
- 1Преобразовать строку в DateTime в C #
- 0Html электронная почта для outlook.com и gmail.com
- 0Чтобы получить экземпляр li с выбранным значением в его div, используя JQuery
- 0MySQL не запускается в панели управления Xampp в Windows 8.1
- 1Слушатель действия таймера Java
- 1FindResource не работает в библиотеке пользовательских элементов управления
- 0Синтаксическая ошибка AngularJS в выражении при использовании операторов сложения / вычитания
