我一直在研究一个角度js站点,它从webservice/api获取数据.一个api返回html和angular js代码以动态添加控制器或我们想要添加新的任何新的角度组件.这个字符串将以api响应
<div id="homecontainer" class="flex-center p-page" loader style="overflow:hidden;">
<div class="column-1">
<div class="grid m-0 col-xs-12">
<div ng-repeat="Widget in V3Widgets track by $index" class="grid-item">
<div class="grid-sizer"></div>
{{Widget}}
</div>
</div>
<div ng-controller="WelcomeController">
{{greeting}}
</div>
<script>
var app = angular.module('demo', [])
//RestService is Other Module Which is Already Working fine
.controller('WelcomeController', function ($scope,RestService) {
$scope.greeting = 'Welcome!';
});
angular.bootstrap(document, ['demo']);
</script>
</div>
</div>
现在我有一个指令将此字符串绑定到页面
<renderdynamicwidgethtml ng-if="Widget.Id==null && Widget.Html!=null" html="Widget.Html"/>
指令的js
.directive('renderdynamicwidgethtml', ['$compile', function ($compile) {
return function (scope, element, attrs) {
scope.$watch(
function (scope) …我的应用程序逻辑类似于谷歌的应用程序切换器,让我称之为Wrapper.此应用程序在所有Google服务中进行,并且在任何地方都具有一致的UI.
我正在寻找解决方案,以我们的Wrapper应用程序注入几个完成不同的应用程序与自己的样式,视图和JS.它们使用不同的技术编写,如React和Angular.
我该如何实现这样的架构？Web组件是否是解决方案,如果是 - 请提供一些示例.(目的是单独部署包装器和所有内容应用程序,因此它们将具有来自包装器的一致UI和逻辑).
请不要提iframe!
我正在寻找一种方法来包含异步angularJS应用程序,它自己的样式和视图包含在JS中的Polymer组件中.做某种事iframe.
如果您有任何想法,建议或现实世界的例子,那将非常有帮助!
我在我的应用程序中使用子组件的延迟加载策略.在应用程序的顶层,我有自定义HTTP提供程序,它拦截所有ajax调用.
providers:[{
provide: Http,
useFactory: (backend: XHRBackend, defaultOptions: RequestOptions, cookieService: CookieService) => new CustomHttp(backend, defaultOptions, cookieService),
deps: [XHRBackend, RequestOptions, CookieService]
}]
我的延迟加载模块不会影响此自定义提供程序.有没有办法为他们提供？没有providers在component.module文件中的属性中重复代码.谢谢!
我正在尝试将 100 个数字相加，每个数字有 50 位。尝试使用math/bigpackage来实现，但结果似乎不太对。我很确定我做错了什么。
package main
import (
"bytes"
"fmt"
"math/big"
"strings"
)
func main() {
a := strings.Split(strings.Replace(Str, "\n", "", -1), "")
r := findTenOfSum(a)
fmt.Println(r)
}
func findTenOfSum(sl []string) *big.Int {
res := big.NewInt(0)
for i := 0; i < 100; i++ {
var buffer bytes.Buffer
bi := big.NewInt(0)
for j := 0; j < 50; j++ {
buffer.WriteString(sl[j+50*i])
}
n, _ := bi.SetString(buffer.String(), 10)
// fmt.Println(n)
res.Add(res, n)
}
return res
} …我有两个组成部分.
父组件和子组件,我需要将两种类型的数据传递给子组件.一个数据是JSON第二个数据是String.
儿童组成部分
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
@Component({
selector: 'child',
template: `<h1>{{header}}</h1>
<p>{{data}}</p>`,
})
export class child implements OnInit {
//DECLERATIONS
@Input('location-Data') data:string;
header:string;
data:string;
constructor() { }
ngOnInit() {
}
}
父组件
import { Component, OnInit, NgModule} from '@angular/core';
@Component({
selector: 'app-standard-order',
template: ' <location-selector [location-Data]='Sample Data}'></location-selector>',
})
export class StandardOrderComponent implements OnInit {
//DECLERATIONS
header: string
reqDeliveryDate: string = "";
constructor() { }
ngOnInit() {
this.getTodaysDate();
}
}
在这里你可以看到我已经给出了从主机组件到子组件的输入,即位置数据.它工作,我可以打印样本数据!接下来我需要从主机到子组件输入另一个字符串即header.任何人都可以建议我解决这个问题的方法吗？