blocks|key|3968839|text|我不认为有任何机制是由Angular直接支持的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3968840|然而，有几个可能的“黑客”。|3968841|一种是通过SessionStorage或LocalStorage进行通信，如Communication+between+tabs+or+windows中所述|offset|length|3968842|另一种选择可能是运行websocket服务器作为后端服务器的一部分，并通过websocket服务器在应用程序的两个部分之间中继消息。|3968843|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/28230845/communication-between-tabs-or-windows/32780180#32780180^0|0|0|12|11|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$F|U|G|V|1|W]]|A|$]]|$1|H|3|I|5|6|7|X|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]]]

I don't think that there's any mechanism directly supported by Angular for doing this.

There are, however, a couple of possible "hacks".

One is to communicate through either SessionStorage or LocalStorage, as explained in <a href="https://stackoverflow.com/questions/28230845/communication-between-tabs-or-windows/32780180#32780180">Communication between tabs or windows</a>

Another option might be to run a websocket server as part of your back-end server, and relay messages between the two halves of your app via the websocket server.

blocks|key|5437211|text|也许你可以选择使用自定义浏览器事件来监听你的angular应用程序。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5437212|例如：https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events|offset|length|5437213|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events^0|0|3|2G|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

Maybe it could be a option to work with custom browser events that you listen with your angular application.

E.g.:
<a href="https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events</a>

blocks|key|1652671|text|也许这个简单的方法可以帮助你。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1652672|首先，使用URL中的选定参数执行从JSP应用程序到Angular应用程序的重定向。|1652673|1652674|+http://localhost:4200/capture?item=value|blockquote|offset|length|1652675|1652676|1652677|那么你的Angular应用程序应该有一个定义的路由和一个组件来捕获和处理这些数据。|1652678|+export+class+CaptureComponent+implements+OnInit+{

++++constructor(private+route:+ActivatedRoute)+{+}

++++ngOnInit()+{
++++++++this.captureParams(this.route.queryParams);
++++}

++++captureParams(params$:+Observable<Params>){
++++++params$.subscribe(params+=>+{
++++++//+do+somehting+with+the+params
++++++console.log(params);
++++});
++++}
}|code-block|syntax|javascript|1652679|最后，在您的路由定义中，指向CaptureComponent的入口点：|1652680|const+routes:+Routes+=+[
++{path:+'capture',+component:+CaptureComponent},
++...
]|1652681|entityMap|0|LINK|mutability|MUTABLE|url|http://localhost:4200/capture?item=value^0|0|0|0|1|14|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|15|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|16|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|17|8|@]|9|@$H|18|I|19|1|1A]]|A|$]]|$1|J|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|1D|8|@]|9|@]|A|$]]|$1|N|3|O|5|P|7|1E|8|@]|9|@]|A|$Q|R]]|$1|S|3|T|5|6|7|1F|8|@]|9|@]|A|$]]|$1|U|3|V|5|P|7|1G|8|@]|9|@]|A|$Q|R]]|$1|W|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13]]]]

Maybe this simple approach could help you.

First perform a redirection from your JSP App with the selected parameter in the URL directly to your Angular app.

<blockquote>
 <a href="http://localhost:4200/capture?item=value" rel="nofollow noreferrer">http://localhost:4200/capture?item=value</a>
</blockquote>

Then your Angular app should have a defined route and a Component to capture &amp; handle this data.

<pre><code> export class CaptureComponent implements OnInit {

 constructor(private route: ActivatedRoute) { }

 ngOnInit() {
 this.captureParams(this.route.queryParams);
 }

 captureParams(params$: Observable&lt;Params&gt;){
 params$.subscribe(params =&gt; {
 // do somehting with the params
 console.log(params);
 });
 }
}
</code></pre>

Finally, in your routes definition, an entry point to the CaptureComponent:

<pre><code>const routes: Routes = [
 {path: 'capture', component: CaptureComponent},
 ...
]


</code></pre>

blocks|key|5437296|text|你不能使用由你的角度分量定期读取的localStorage，并在当前值与之前的值不同时执行操作吗？您只需要一个不会影响页面响应的合适间隔即可。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5437297|伪想法|5437298|//+JSP部分设置localStorage中的值|5437299|//角度部分|5437300|onInit(){|5437301|setInterval(函数(){|5437302|//如果发现差异，则从localStorage+this.value读取与localStorage值进行比较|5437303|//做点什么|5437304|}，间隔}|5437305|您也可以使用全局变量而不是局部存储。|5437306|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|X|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|Z|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|10|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|11|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|12|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|13|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|14|8|@]|9|@]|A|$]]|$1|T|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|U|$]]

Can't you use localStorage that is read by your angular component at regular interval and act if current value differ from previous value. You just require a suitable interval that does not hamper your page responsiveness.

pseudo idea

// JSP Portion
Set value in localStorage

// Angular Portion

onInit(){ 

setInterval( function(){

// read from localStorage
 this.value compare with localStorage value
 if diiference found

// do something

}, interval
}

you could also use global variable instead of localstorage.

blocks|key|3968997|text|你试过NgZone吗？它是一个可注入的服务，用于在角度区域内部或外部执行工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3968998|entityMap|0|LINK|mutability|MUTABLE|url|https://angular.io/api/core/NgZone^0|3|6|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Did you try <a href="https://angular.io/api/core/NgZone" rel="nofollow noreferrer">NgZone</a> ? It is An injectable service for executing work inside or outside of the Angular zone.

My page is half Angular 7 and half JSP. When a value is selected on a SELECT field in the JSP portion of the page, which is outside of the Angular application, I want to send that value to my Angular 7 app and trigger it to update with the new value. How do I inject the value into the Angular application, and secondly, how do I trigger the application to update using the new value?

How do I pass data from a SELECT field on the page outside of my Angular project?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我的页面一半是Angular 7，一半是JSP。当在页面的JSP部分(位于Angular应用程序之外)的选择字段上选择了一个值时，我希望将该值发送到我的Angular 7应用程序，并触发它使用新值进行更新。我如何将值注入Angular应用程序，其次，我如何触发应用程序使用新值进行更新？

问如何将页面上的选择字段中的数据传递到Angular项目之外？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将页面上的选择字段中的数据传递到Angular项目之外？EN