Можно ли добавить HTML-элемент Angular с помощью Dom?
Функция from_json - это именно то, что вы ищете. Ваш код будет выглядеть примерно так:
val df = sqlContext.read
.format("org.apache.spark.sql.cassandra")
.options(Map("table" -> "mytable", "keyspace" -> "ks1"))
.load()
//You can define whatever struct type that your json states
val schema = StructType(Seq(
StructField("key", StringType, true),
StructField("value", DoubleType, true)
))
df.withColumn("jsonData", from_json(col("jsonData"), schema))
2 ответа
Вы пытаетесь что-то вроде:
<img src="{{someAddrs | safeHtml}}">
P.S. Я был вдохновлен (вы можете найти там использованную трубу): Как связать сырой HTML в Angular2
PS2 Я никогда не пробовал Angular 7, поэтому, пожалуйста, не сердитесь на меня [ 114]
Не вижу дела, зачем это делать. Вы можете создать и добавить элемент в DOM, но вам следует позаботиться об обновлении src самостоятельно. Angular не заботится об элементах, которые он не создал.
Если вы все равно хотите это сделать, вы можете создать шаблон ref для родительского элемента, в который вы хотите добавить: <div #container>... </div> в шаблоне вашего компонента.
Затем в вашем файле машинописного текста, где определен компонент, вам нужно запросить этот контейнер с помощью @ViewChild('container') container: ElementRef, а после него вы можете добавить его в этот:
let img = document.createElement('img');
img.src = this.srcProp;
this.container.nativeElement.appendChild(img);
Но будьте осторожны, что будет просто твоя головная боль. Старайтесь избегать таких реализаций