ابوذر تهرانی ابوذر تهرانی
شروع به کار با AngularJS 2.0 و TypeScript - قسمت دوازدهم - توزیع برنامه
‫۷ سال و ۱۱ ماه قبل، یکشنبه ۱۸ مهر ۱۳۹۵، ساعت ۱۷:۱۲
با سلام و تشکر
من طبق این آموزش تنظیمات webpack را در پروژه ام انجام داده ام. از angular2 rc5 استفاده کرده ام. آخرین ورژن nodejs (v6.7.0) و   typescript(2.0.3 ) نصب کردم
فایل package.json به صورت زیر میباشد
{
  "name": "mainmodule",
  "version": "1.0.0",
  "scripts": {
    "build": "webpack --progress",
    "build:prod": "webpack -p --progress",
    "serve": "webpack-dev-server --inline --progress ",
    "postinstall": "typings install"
  },
  "dependencies": {
    "@angular/common": "2.0.0-rc.5",
    "@angular/compiler": "2.0.0-rc.5",
    "@angular/core": "2.0.0-rc.5",
    "@angular/forms": "0.3.0",
    "@angular/http": "2.0.0-rc.5",
    "@angular/platform-browser": "2.0.0-rc.5",
    "@angular/platform-browser-dynamic": "2.0.0-rc.5",
    "@angular/router": "3.0.0-rc.1",
    "core-js": "^2.4.0",
    "reflect-metadata": "^0.1.3",
    "rxjs": "5.0.0-beta.6",
    "typings": "^1.4.0",
    "zone.js": "^0.6.12"
  },
  "devDependencies": {
    "html-webpack-plugin": "^2.22.0",
    "ts-loader": "^0.9.0",
    "typescript": "^2.0.3",
    "typings": "^1.4.0",
    "webpack": "^1.13.2",
    "webpack-dev-server": "^1.16.2"

  }
}
ولی با اجرای کدnpm run serve با خطای زیر مواجه میشوم


با توجه به خطای connect ECONNREFUSED 10.10.34.36:443 که در زمان ذخیره package.json به دلیل وجود typings install رخ میداد از vpn استفاده کردم و ذخیره فایل درست انجام شد ولی بازهم با اجرای npm run serve خطای بالا رخ میدهد.
ابوذر تهرانی ابوذر تهرانی
شروع به کار با AngularJS 2.0 و TypeScript - قسمت ششم - کامپوننت‌های تو در تو
‫۸ سال و ۲ ماه قبل، یکشنبه ۳ مرداد ۱۳۹۵، ساعت ۱۶:۲۰
اگر بخواهیم داخل یک کامپوننت والد به متدها و پروپرتی‌های یک کامپوننت دیگر(الزاما کامپوننت دیگر جز فرزندان آن کامپوننت نیست) دسترسی داشته باشیم .مثلا کامپوننت A  روی صفحه نمایش داده شده و با ایونت کلیک کامپوننت B متد CreateDesign متد A صدا زده شده و باعث تغییر UI کامپوننت A شود. روش کار چگونه است؟
ابوذر تهرانی ابوذر تهرانی
شروع به کار با AngularJS 2.0 و TypeScript - قسمت نهم - مسیریابی
‫۸ سال و ۲ ماه قبل، یکشنبه ۳ مرداد ۱۳۹۵، ساعت ۱۶:۱۳
سلام.من تغییرات RC4 را اعمال کردم .متغییر _route مقدار undefined  دارد و متد navigate را شناسایی نمی‌کند.
کامپوننت در داخل کامپوننت app می‌باشد.
import { Router } from '@angular/router';
.....
@Component({
    selector: 'app-menu',
    moduleId: module.id,
    templateUrl: 'menu.component.html',
    styleUrls: ['menu.component.css']
})
...
constructor(private _menuService: MenuService, public elementRef: ElementRef, public _router: Router) {
        
    }
 onClick(event: any) {
        console.log('menu click');
        debugger;
        //----در این قسمت متغیر مقدار 
        //undefined 
        //دارد
        this._router.navigate(['Subsystem']);
    
    }


کلاس main.ts  هم به شکل زیر می‌باشد
import { bootstrap } from '@angular/platform-browser-dynamic';
import { HTTP_PROVIDERS } from '@angular/http';
import { Router} from '@angular/router';
import { MenuService } from './menu/menu.service';
import { AppComponent } from './app.component';
import { MenuComponent } from './menu/menu.component';
import { appRouterProviders } from './app.routes';

bootstrap(AppComponent, [MenuService, HTTP_PROVIDERS, appRouterProviders]);

و در نهایت کلاس APPComponent
import { Component } from '@angular/core';
import { HTTP_PROVIDERS } from '@angular/http';
import { MenuComponent } from './menu/menu.component';
import { SubSystemComponent } from './subsystem/subsystem.component';
import { MenuService } from './menu/menu.service';
import { SubSystemService } from './subsystem/subsystem.service';

import { ROUTER_DIRECTIVES, RouterLink, RouterOutlet} from '@angular/router';
// Add the RxJS Observable operators we need in this app.
import './rxjs-operators';

@Component({
    selector: 'my-app',
    templateUrl: 'app/app.component.html',
    directives: [MenuComponent, SubSystemComponent, ROUTER_DIRECTIVES, RouterOutlet, RouterLink],
    providers: [MenuService, SubSystemService, HTTP_PROVIDERS]
})
export class AppComponent {
    currentSubsSystemId: number=1;
}
ابوذر تهرانی ابوذر تهرانی
شروع به کار با AngularJS 2.0 و TypeScript - قسمت ششم - کامپوننت‌های تو در تو
‫۸ سال و ۲ ماه قبل، سه‌شنبه ۲۹ تیر ۱۳۹۵، ساعت ۲۰:۳۷
با تشکر از مطالبتون.
من در فایل app.routes  یک کامپوننت را به عنوان Route پیش فرض تعیین کردم بنابراین وقتی AppComponent نمایش داده میشود این کامپوننت هم نمایش داده میشود .این کامپوننت شامل یک Output event می‌باشد .حالا کجا باید تعیین کرد که اگر این event رخ داد چه متدی صدا زده شود  یعنی  این خط را باید کجا نوشت :

 
(ratingClicked)='onRatingClicked($event)'
چون selector این کامپوننت در جایی وجود ندارد از طرفی چون مسیر پیش فرض می‌باشد ابتدا نمایش داده می‌شود.

کد فایل app.routes.ts 
import { provideRouter, RouterConfig } from '@angular/router';
import { SubSystemComponent } from './subsystem/subsystem.component';
import { AppComponent } from './app.component';

const routes: RouterConfig = [
    { path: 'Subsystem', component: SubSystemComponent },
    { path: '', component: SubSystemComponent }
];

export const appRouterProviders = [
    provideRouter(routes)
];

کد html فایل app.component 
<div>
    <div>Header</div>
    <div style="float:right">
        Menu
        <!--<app-menu #menucomp [subSystemId]="currentSubsSystemId">Loading Menu</app-menu>-->
    </div>
    <div>
        <!--روتر پیش فرض اینجا نمایش داده میشود نیاز است برای این روتر پارامتر ورودی و خروجی تعیین کرد-->
        <router-outlet></router-outlet>
    </div>
</div>


من تغییرات RC 4 را اعمال کردم .الان مشکلی که دارم در متد ngOnInit متدی که از سرویس اطلاعات را دریافت می‌کند صدا زده شده(loadMenu)و در این متد متغیر menus مقداردهی شده اما برای خواندن از آن متغیر مقدار آن undefined  می‌باشد.البته متغیر در اجرای اول undefined است ولی با زدن دکمه F5 متغیر مقدار می‌گیرد. کش مرورگر هم پاک کردم اما مشکل حل نشد.کسی با این مشکل برخورد کرده؟
 
export class MenuComponent implements OnInit, AfterViewInit {
    menus: IMenu[];
  constructor(private _menuService: MenuService) {
  }
 ngOnInit(): void {
        this.loadMenu();
        alert(this.menus);// menus is undefined 
    }
ابوذر تهرانی ابوذر تهرانی
شروع به کار با AngularJS 2.0 و TypeScript - قسمت هشتم - دریافت اطلاعات از سرور
‫۸ سال و ۲ ماه قبل، چهارشنبه ۲۳ تیر ۱۳۹۵، ساعت ۱۸:۲۵
ممنون از جوابتون.بله من با تغییرات جدید مثال خودم را نوشتم.
من در فایل  Global.asax کد زیر را نوشتم و مشکلم حل شد:
 GlobalConfiguration.Configuration.Formatters.XmlFormatter.SupportedMediaTypes.Clear();
 
ابوذر تهرانی ابوذر تهرانی
ساخت یک Form Generator ساده در MVC
‫۸ سال و ۳ ماه قبل، چهارشنبه ۹ تیر ۱۳۹۵، ساعت ۱۹:۵۹
با سلام و تشکر بابت مطلب مفیدتان
من برای ساخت پروژه فرم ساز به مسائلی برخورد کردم که به شرح زیر است:
1- دیتاهای وارد شده به چه صورت در دیتابیس ذخیره شوند؟من ابتدا در نظر داشتم به ازای هر فرمی که کاربر تعریف می‌کند یک جدول در دیتابیس ایجاد کنم  و برای هر کنترلی که در جدول گذاشته می‌شود یک فیلد به جدول فرم اضافه شود.اما با توجه به صحبت شما و روش XML که فرمودید در حال حاضر نمی‌توانم تصمیم گیری کنم که کدام روش بهتر است چون  طبق جستجویی که در نت کردم اگر نیاز به نوشتن کوئری‌های پیچیده بر روی داده‌های وارده شده باشد بهتر است جدول جداگانه ایجاد شود طبق این منبع:
http://stackoverflow.com/questions/14939973/storing-dynamic-form-and-data-entered-using-json
پروژه من هم نیاز به ساخت گزارش و داشبورد و BI از روی داده‌های وارد شده است.حال شما کدام انتخاب را انجام می‌دادید؟
2- نحوه ذخیره طراحی فرم چگونه است؟مثلا اگر در فرم لوگوی شرکت باید قرار گیرد چگونه باشد یا در فرم جدول 3 ستونی باشد که در هر سلول آن یک TextBox قرار می‌گیرد.اندازه هر کنترل  و مقدار پیش فرض   .....
آیا بهتر نیست اطلاعات کل فرم (شکل ظاهری فعلی فرم بدون داده) را به شکل JSON یا XML یا nvarchar(max)  ذخیره کرد؟
3- چطوری میتوان Enable  یا Visible بودن یک کنترل را وابسته کرد به مقدار کنترل دیگر در فرم مثلا اگر کمبو سال مالی برابر با 95 بود TextBox درصد سال 95 فعال در غیر اینصورت غیرفعال شود
ممنون میشم نظر خودتون را بفرمایید
ابوذر تهرانی ابوذر تهرانی
ایجاد نقشه سایت (Site Map) داینامیک
‫۱۰ سال و ۶ ماه قبل، چهارشنبه ۲۸ اسفند ۱۳۹۲، ساعت ۰۵:۱۴
من یه مشکلی با سایت مپ دارم و اون اینه که من یک فرم دارم که ممکنه  چند فرم مختلف این فرم را نمایش میدهند. حالا این روش شما مشکل را حل می‌کنه؟مثلا اگه اسم فرم من A باشه می‌خوام وقتی از فرم B  فرم A را نمایش میدهم سایت مپ بصورت
B-->A نشون داده بشه و اگه از فرم C فرم A  را نشون میدم شکل سایت مپ بصورت C-->A باشه