Я начал использовать сокращенное приложение с планомерным надзором для моего работодателя, которое использует чертеж плана SVG, созданный Adobe Illustrator CC, HTML, CSS и AngularJS.Связывание данных CSV с SVG Рисунок с помощью AngularJS
Идея состоит в том, чтобы иметь план этажа, который содержит статические ячейки/офисные номера, и жениться на этом плане этажей с файлом CSV с данными о персонале, которые периодически обновляются и делают информацию доступной в нашей интрасети.
Хотя я новичок в AngularJS/SVG, я следил за картой США за example и до сих пор добился неплохих успехов, однако сейчас я нахожусь в точке, где мне нужно отображать данные CSV (персонал) в SVG (ячейки), и я не уверен, как действовать.
Из примера в приведенной выше ссылке автор, похоже, ввел SVG DOM с помощью команды «Сглаживать» с помощью функции «Угловая». $ Compile, которая запускает JS Alert() идентификатора SVG DOM при нажатии :
link: function (scope, element, attrs) {
scope.elementId = element.attr("id");
scope.regionClick = function() {
alert(scope.elementId);
};
element.attr("ng-click", "regionClick()");
element.removeAttr("region");
$compile(element)(scope);
}
мне интересно, если то же самое можно с данными CSV, IE:
- внешний контур над SVG (Cubicle ID)
- Внутренний контур через CSV (Personnel/Cubicle ID) данные
- Если идентификатор Cubicle соответствует идентификатору персонала, введите данные CSV в этот узел SVG.
С У меня возникли некоторые трудности, в том числе функционального кода здесь в связи с тэгом и внешних ограничений файлов, я создал Plunk, где вы можете просмотреть все, что в контексте наряду с внешними файлами, находится в рабочем состоянии в его текущем состоянии.
Спасибо.