Как получить значение data-атрибута?

Question

[viktorulyushev]

Есть такая строка:

<span class="vertical-interval-xsmall form-field-input" data-ng-bind="bonusInfo.bonusData.CardNumber"></span>

В data-ng-bind хранится значение,как его получить и вывести?

Answer 1

[Антон]

Это смотря где вы его хотите получить.
Судя по названию атрибута - это у вас AngularJS, поэтому где-то должен быть контроллер, для которого этот кусок html является шаблоном. Поискать можно по скриптам по строке $scope.bonusInfo
Если вам в jquery надо получить - то там есть метод .data();
Работает так:
$(element).data('ng-bind');
А уж как выводить - тут зависит от того, куда вы его вывести хотите.

Comments

[Артем]

не все так просто, как выглядит на первый взгляд ;) молодца

[viktorulyushev]

на сайте почему то выдает undefined,мне нужно проверять,есть ли бонусная карта у пользователя,если нет то что то делать.Шаблон нашел,там тот самый кусок кода который я показал,в скриптах тоже нашел,но там я ничего не пойму

[Антон]

viktorulyushev:
Если вам надо именно что-то делать - то придётся разбираться в контроллере.
Если просто не выводить этот тег - то можно добавить ему атрибут ng-if="bonusInfo.bonusData.CardNumber" - тогда он выводиться не будет при отсутствии бонусноу карточки.
Выбирать на jquery и что-то делать в зависимости от этого - идея так себе, если честно - слишком много тонкостей и подводных камней может всплыть.

[viktorulyushev]

Антон: ну с этим мне ничего делать не надо,мне просто нужно проверять если ли у пользователя который зашел на сайт бонусная карта,если есть то выводить ссылку куда то,если нет не выводить,тут проект на C# ,в общем мне как то надо просто вытянуть объект или как это называется,в общем в контроллерах есть BonusController.cs там есть BonusCard и у него вот такое определение

using System;

namespace AdvantShop.Core.Services.Bonuses
{
    public class BonusCard
    {
        public long CardNumber { get; set; }
        public string Email { get; set; }
        public string FirstName { get; set; }
        public string LastName { get; set; }
        public string SecondName { get; set; }
        public bool Gender { get; set; }
        public DateTime? DateOfBirth { get; set; }
        public string CellPhone { get; set; }
        public string Contacts { get; set; }
        public bool NewsSubscription { get; set; }
        public bool Blocked { get; set; }
        public string CityName { get; set; }

        public float BonusPercent { get; set; }
        public float BonusAmount { get; set; }
    }
}

можно как то тут что то заюзать?

[Антон]

Тогда, при условии, что данные в контроллер таки передаются, вот так попробуйте.

<span class="vertical-interval-xsmall form-field-input" data-ng-if="bonusInfo.bonusData.CardNumber"><a href="">ссылка, если есть бонусная карта</a></span>

Логика простая - если есть номер бонусной карточки - показываем ссылку, если нет - то не показываем.
С серверной разработкой на C# не знаком, извините.

[viktorulyushev]

Антон: вся проблема в том что нужно в другом месте выводить,на другой странице,а в том коде что я привел в нем выводится номер карты

[Антон]

Я, кажется, понимаю теперь вашу ситуацию.
Покажите тогда строки из javascript где есть $scope.bonusInfo = т.е. где эту бонусную карточку в шаблон передают.
И сигнатуру этого контроллера, т.е. какие параметры туда передаются.
Строка примерно так должна выглядеть:

app.controller('errorModalCtrl', ['$scope', 'error', 'log', function($scope, error, log){

т.е. там .controller( должно быть и какие-то параметры - вот мне список этих параметров нужен.

[viktorulyushev]

Антон: получилось сделать так,очень просто объявляем @using AdvantShop.Customers и делаем проверку

@if (CustomerContext.CurrentCustomer.BonusCardNumber != null  )
                {
                    
                    <p>есть карта ссылка1</p>
                }
                else
                {
                    <p>нет карты ссылка2</p>
                }

[Антон]

viktorulyushev: это хорошо. Я просто на задачу со своей frontend-колокольни смотрел, поэтому и решения из этой области предлагал. Но так да, выглядит намного проще.

[viktorulyushev]

Антон: спасибо что откликнулись

Answer 2

[Артем]

$("span").attr("data-ng-bind")
ruseller.com/jquery.php?id=43

Comments

[viktorulyushev]

пробовал так,выдает undefined

[Артем]

да нет, вроде нормально всё
https://jsfiddle.net/sjrk4uey/

Answer 3

[Yevgeniy Kisselyov]

var data = $("span").data();
alert(data.ngBind);
// или
alert($("span").data('ngBind'););

https://api.jquery.com/data/

Answer 4

[Александр Тер]

Для ООП думаю надо будет создавать класс описывающий xml структуру (описание), конкретно для данного фрагмента этот класс будет выглядеть так:

using System.Collections.Generic;
using System.ComponentModel;
using System.Runtime.Serialization;
using System.Xml.Serialization;

[DataContract(Name = "span")]
public class Span
{
	/// <summary>
    /// 
    /// </summary>
    [XmlAttribute("class")]
    public string VerticalInterval { get; set; }
	
    /// <summary>
    /// 
    /// </summary>
    [XmlAttribute("data-ng-bind")]
    public string DataNgBind{ get; set; }
}

Для серелизации и десерилизации Span можно использовать следующий класс:

namespace Common
{
    using System.IO;
    using System.Xml.Serialization;

    public static class Serialization
    {
        public static string SerializeToString(this object obj)
        {
            var xmlSerializer = new XmlSerializer(obj.GetType());
            var stringWriter = new StringWriter();
            xmlSerializer.Serialize(stringWriter, obj);
            return stringWriter.ToString();
        }

        public static T DeserializeString<T>(this string sourceString)
        {
            var xmlSerializer = new XmlSerializer(typeof(T));
            var stringReader = new StringReader(sourceString);
            return (T)xmlSerializer.Deserialize(stringReader);
        }
    }
}

или можно так:

var _span = new Span();
_span.VerticalInterval = "vertical-interval-xsmall form-field-input";
_span.DataNgBind = "bonusInfo.bonusData.CardNumber";

// передаем в конструктор тип класса
XmlSerializer formatter = new XmlSerializer(_span.GetType());
using (FileStream fs = new FileStream("model.xml", FileMode.OpenOrCreate))
{
	formatter.Serialize(fs, _span);
	Console.WriteLine("Объект сериализован");
}

Comments

[viktorulyushev]

Спасибо за развернутый ответ,но это не то,я сверху под коментом Антона писал что нужно,вот что я писал
мне просто нужно проверять если ли у пользователя который зашел на сайт бонусная карта,если есть то выводить ссылку куда то,если нет не выводить,тут проект на C# ,в общем мне как то надо просто вытянуть объект или как это называется,в общем в контроллерах есть BonusController.cs там есть BonusCard и у него вот такое определение

using System;

namespace AdvantShop.Core.Services.Bonuses
{
    public class BonusCard
    {
        public long CardNumber { get; set; }
        public string Email { get; set; }
        public string FirstName { get; set; }
        public string LastName { get; set; }
        public string SecondName { get; set; }
        public bool Gender { get; set; }
        public DateTime? DateOfBirth { get; set; }
        public string CellPhone { get; set; }
        public string Contacts { get; set; }
        public bool NewsSubscription { get; set; }
        public bool Blocked { get; set; }
        public string CityName { get; set; }

        public float BonusPercent { get; set; }
        public float BonusAmount { get; set; }
    }
}

можно как то тут что то заюзать?