我看过有关在TypeScript代码文件中将"use strict"行放在何处的帖子.我的问题是,为什么要这样呢?
由于TypeScript已经是强类型语言,"use strict"添加了什么?
我最近读到安装VS Code也会安装TypeScript编译器.这是真的?如果是这样,它在哪里安装?
我在这里找到了一个tsc.js文件:
C:\Users\Deb\AppData\Local\Code\app-0.3.0\resources\app\server\lib\typeScript
Run Code Online (Sandbox Code Playgroud)
但我找不到tsc.exe任何地方.
我正在使用带有独立组件的 Angular v16。我像在基于 NgModule 的项目中一样实现了 InMemoryWebAPI,但它似乎不起作用。我不断得到404 not found。
有人尝试过这个并通过独立引导成功使用 InMemoryWebAPI 吗?为了让它与独立组件一起工作,我还需要做其他什么不同的事情吗?
这是我的 app.config.ts
export const appConfig: ApplicationConfig = {
providers: [
importProvidersFrom(InMemoryWebApiModule.forRoot(AppData, { delay: 1000 })),
provideHttpClient(),
provideRouter(routes, withComponentInputBinding())
]
};
Run Code Online (Sandbox Code Playgroud)
这是我的应用程序数据
export class AppData implements InMemoryDbService {
createDb(): { products: Product[] } {
const products = ProductData.products;
console.log(products);
return { products };
}
}
Run Code Online (Sandbox Code Playgroud)
这是我的服务:
private sub = this.#http.get<Product[]>('api/products')
Run Code Online (Sandbox Code Playgroud)
感谢您的任何想法或调试技巧。
编辑:我在这里有一个 stackblitz:https ://stackblitz.com/edit/github-crud-signals-djk
该服务当前已注释掉 http 调用,因为它们生成 404 错误。相反,它对数据进行硬编码。
angular angular-in-memory-web-api angular-standalone-components
我的应用程序需要收集全球所有地点的"星期二"购买,其中"Tueday"是该地点的星期二(不论时区).如果用户需要在下周重新运行报告,我还需要获得"上周二"的数据.我们所有的数据都使用DateTimeOffset存储.
所以9/4/12 00:00:00 -7到9/4/12 23:59:59 -7必须在9月4日12:00 00:00:00 +11到9/4/12 23:59:当我执行WHERE子句时59 +11.
我无法在WHERE子句中转换为UTC,因为这将获取伦敦"星期二"的数据(取决于DST),而不是位置的星期二.
我尝试从DateTimeOffset转换为DateTime,但似乎转换为UTC.(在我的测试中,通过9/1/12至9/30/12获取了8/31/12数据.)
用TSQL做这样的事情有诀窍吗?
谢谢!
使用Angular/Bootstrap时,有几种选择可以添加日期选择器控件.有没有"更好"的?
这是我发现的:
乍一看,似乎Bootstrap日期选择器可能更容易使用,因为它不需要包含JQuery.但我不确定我是否会失去任何功能.
我在Angular中使用$资源,如下所示:
function classResource($resource) {
return $resource("/api/classes/:classId");
}
Run Code Online (Sandbox Code Playgroud)
我现在想要添加OData查询选项,例如$ filter或$ skip,用于服务器端过滤和分页.
我是否使用与查询字符串参数相同的技术构建它们?或者还有另一种方式吗?
在Visual Studio 2015中,选择Web API模板时,我们现在可以选择"无身份验证,个人用户帐户","组织帐户"或"Windows身份验证".Visual Studio然后生成大量代码并自动包含许多块包.
如果我已经有一个没有身份验证的ASP.NET Web API项目,是否可以为这些身份验证选项之一添加所有生成的代码和包,而无需从头开始重建解决方案或手动添加每个包?
谢谢 -
Angular 中数据访问的经典模式建议如下代码:
经典数据访问模式
getProducts(): Observable<Product[]> {
return this.http.get<Product[]>(this.productsUrl)
.pipe(
tap(data => console.log(JSON.stringify(data))),
catchError(this.handleError)
);
Run Code Online (Sandbox Code Playgroud)
上面我们有一个方法返回一个 Observable。当数据从 http 端点返回时,该 Observable 以Product[]通用参数定义的形状发出数据,其中Product是一个接口。
对于更具反应性的应用程序,通常建议使用声明性/反应性方法。它将上述方法更改为如下属性声明:
反应式数据访问模式
products$ = this.http.get<Product[]>(this.url)
.pipe(
tap(data => console.log(JSON.stringify(data))),
catchError(this.handleError)
);
Run Code Online (Sandbox Code Playgroud)
请注意,这在服务中为 Observable 声明了一个属性,而不是一个方法。的$上后缀products$是用于区分是观测量VS其它类型的数据结构,如一般的物体或阵列性质的约定。
当存在 UI 交互性(例如基于选择的过滤)、处理复杂数据(例如组合来自多个端点的数据)以及跨组件共享数据(例如每个组件需要做出反应时)时,通常会使用此模式当数据发生变化时)。
反应式数据访问模式存在一个常见问题。使用这种技术时,我们如何“传递”URL 所需的数据?
例如,假设 http 请求需要一个类别来只下拉该类别的产品:
this.http.get<Product[]>(`${this.url}?cat=${catId}`)
Run Code Online (Sandbox Code Playgroud)
没有方法怎么能把这个类“传入”?
在 C# 11 中,我们现在可以在内插字符串中包含换行符。所以我们可以写这样的代码:
string pageTitle = "";
string header = $"Header: {
pageTitle switch
{
"" => "No title",
_ => pageTitle
}}";
Run Code Online (Sandbox Code Playgroud)
除了 switch 语句之外,有没有办法在这里编写其他代码?
我尝试了一个if,它告诉我这if是一个无效的表达术语。
string header51 = $"Header: {
if (pageTitle5 == "")
{
"No title";
}
else
{
pageTitle5;
}
}";
Run Code Online (Sandbox Code Playgroud)
除了 switch 之外还有其他语句可以在这里使用吗?
当将VSCode与Angular结合使用时,我将导入语句写成这样:
import { AppComponent } from './app.component';
Run Code Online (Sandbox Code Playgroud)
VSCode快速修复将它们添加如下:
import { WelcomeComponent } from "app/home/welcome.component";
Run Code Online (Sandbox Code Playgroud)
有没有一种方法可以将VS Code设置更改为VS Code Quick Fix,以使用单引号而不是双引号?
我不明白为什么我在 Angular 1.6.4 中出现“控制器未注册”错误。
控制器:
var app = angular.module('app', ['ngRoute']);
app.controller("formCtrl", function($scope, $rootScope, $stateParams) {
$scope.id = $stateParams.id;
});
Run Code Online (Sandbox Code Playgroud)
指数:
<html>
<head>
<script src="js/angular.js"></script>
<script src="js/angular-route.js"></script>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="js/formCtrl.js" type="text/javascript"></script>
<script src="js/app.js" type="text/javascript"></script>
</head>
<body ng-app="app">
<div ng-view>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
应用程序:
app = angular.module('app', ['ngRoute']);
app.config(function($routeProvider) {
$routeProvider
.when("/:id", {
templateUrl: './partials/main.html',
controller: 'formCtrl'
});
})
Run Code Online (Sandbox Code Playgroud) angular ×4
typescript ×4
angularjs ×3
angular-standalone-components ×1
asp.net ×1
c# ×1
c#-11.0 ×1
controller ×1
datepicker ×1
javascript ×1
odata ×1
rxjs ×1
sql ×1
t-sql ×1